HTML(22)
-
[PHP] HTML FORM 태그에서 사용하는 input 태그 - text
132_PHP HTML FORM 태그에서 사용하는 input 태그 - text [요약] HTML의 input 태그를 사용하며 type 속성의 값으로 text를 사용하여 짧은 문구를 입력하는 방법에 대해 알아보자. input 태그는 type의 값에 따라 다른 기능을 제공한다. [input 태그 사용 방법] type 속성은 값에 따라 ID 를 입력하는 입력 폼이 될 수 있고, 비밀번호 입력 폼이 될 수도 있다. name 속성은 이 입력 폼의 이름을 뜻하며, 서버사이드 언어(PHP)에서 이 값으로 입력된 데이터를 전달받을 수 있다. maxlength 속성은 이 입력 폼이 몇 글자까지 입력 가능하도록 할 것인지를 표시한다. 여러종류의 type 속성값을 하나씩 적용하며 알아보자. type 속성값이 text이면 짧..
2022.10.10 -
[PHP] HTML과 FORM 태그
131_PHP HTML과 FORM 태그 [요약] HTML에서 FORM태그와 PHP 연동에 대해 알아보자. HTML은 웹페이지에서 가장 기본으로 사용되는 언어이다. HTML의 FORM 태그와 PHP의 연동을 위한 최소한의 내용을 알아보자 [FORM 태그 사용 방법] form 태그를 열 때 여러가지 속성을 사용할 수 있다. 위에서 보이는 name, method, action은 속성이라고 읽는다. name 속성에는 해당 form태그의 이름을 작성한다. 예를 들어, 회원가입 폼이라면 name="signUo" 또는 name="join", 설문조사 폼이라면 name="poll" 등을 사용할 수 있다. method는 작성한 정보들을 어떠한 방식으로 서버에 보낼 것인지 정한다. 전송 방식에는 GET방식과 POST 방식..
2022.10.10 -
[HTML+CSS] 반응형 게시판 만들기 무료강좌
[HTML+CSS ] 반응형 게시판 만들기 무료강좌 강사: 렛츠코딩앤플레이 사이트(출처) : https://blog.naver.com/code-ing/222272856716 난이도 : ★★☆ 강의시간 : 총 7강 (1시간 37분) 강의제작년도 : 2021년 추천강도 : ★★★☆ 비고 : 내용은 알차고 좋은데 소리가 넘나 작아서 아쉽네요... 강의내용 HTML과 CSS를 이용한 반응형 게시판을 만들기 무료강좌 완료 예시이미지 강의링크 (링크를 클릭하시면 강의페이지로 이동합니다.) 반응형 게시판 만들기 1 - 전체 구조 설계, 타이틀과 버튼 스타일 반응형 게시판 만들기 2 - 게시판 목록과 페이지 버튼 반응형 게시판 만들기 3 - 글 보기 페이지(+가상선택자를 이용해서 라인 ..
2022.08.14 -
[HTML+CSS+JS] 메가박스 영화사이트 클론코딩 무료강의
HTML+CSS+JS 메가박스 영화사이트 클론코딩 무료강의 강사: WEBSTORYBOY 사이트(출처) : wtss.tistory.com/301 강의내용 : 메가박스 영화사이트를 클론코딩하면서 배우는 HTML+CSS+JS 난이도 : 중급 강의편수 : 총 46강 강의제작년도 : 2019년 비고 : - 참고이미지 강의링크 (링크를 클릭하시면 강의페이지로 이동합니다.) 디자인 만들기 기본 셋팅 그리드 시스템 이해하기 360 그리드 만들기 600 그리드 만들기 768, 1280 그리드 만들기 960 그리드 만들기 레이아웃 만들기 헤더 헤더 반응형 배너 배너 반응형 컨텐츠1 컨텐츠1 반응형 컨텐츠1 반응형 수정 컨텐츠 2 컨텐츠 2 반응형 컨텐츠 3 컨텐츠 3 반응형 컨텐츠4 컨텐츠4 반응형 컨텐츠5..
2021.03.20 -
[HTML+CSS+JS] 코딩연습 003 (메가박스 영화사이트 클론코딩)
HTML+CSS 코딩연습 세번째: 메가박스 영화사이트 클론코딩 사용언어 : HTML, CSS, JavaScript 작업기간 : 2021.03 (2주) 참조 : WEBSTORYBOY wtss.tistory.com/category/SITE/03%20MEGABOX 비고 : - [ Sample Image ] 이미지를 클릭하시면 사이트로 연결됩니다. [ Source Code Download ] 아래 링크를 통해 소스코드를 다운받으실 수 있습니다. github.com/ywc1085/Meboxbox_Website_clone_coding ywc1085/Meboxbox_Website_clone_coding 메가박스 사이트 클론코딩하기. Contribute to ywc1085/Meboxbox_Website_clone_co..
2021.03.20 -
[HTML+CSS] 반응형 웹 사이트 만들기 무료강의
HTML+CSS 반응형 사이트 만들기 무료강의 강사: webstoryboys 사이트(출처) : wtss.tistory.com/category/SITE/02%20RESPONSIVE 강의내용 : HTML과 CSS를 이용한 반응형 웹사이트를 따라하면서 만들어보는 강좌. 난이도 : 초급 강의편수 : 총 36강 참고이미지 (완성 예제) 강의링크 (링크를 클릭하시면 강의페이지로 이동합니다.) 기초 시멘틱 태그 미디어 쿼리 레이아웃 반응형 레이아웃1 반응형 레이아웃2 반응형 레이아웃3 반응형 레이아웃4 반응형 레이아웃5 사이트 만들기 문서 셋팅 아웃라이너 헤더 메뉴 헤더 타이틀 헤더 아이콘 헤더 아이콘 공유하기 전체 메뉴 라인 효과 타이틀 헤더 반응형 컨텐츠 레이아웃 컨텐츠 타이틀 메뉴 메뉴 반응형 게시판 한줄 효과..
2021.03.13 -
[HTML] WEB1 - HTML & Internet 웹 기초 무료강의
생활코딩 WEB1 - HTML 웹 기초 무료강의 강사: 생활코딩 사이트(출처) : opentutorials.org/course/3084 강의내용 : 인터넷 & HTML 기초 강의 난이도 : 초급 강의편수 : 총 30강 강의링크 (링크를 클릭하시면 강의 페이지로 이동합니다.) 01. 커버페이지 02. 프로젝트의 동기 03. 기획 04. 코딩과 HTML 05. HTML 코딩 실습 환경 준비 06. 기본 문법 - 태그 07. 혁명적인 변화 08. 통계에 기반한 학습 09. 줄바꿈 10. HTML이 중요한 이유 11. 최후의 문법 속성과 img 12. 부모 자식과 목록 13. 문서의 구조와 슈퍼스타들 14. HTML 태그의 제왕 15. 웹사이트 완성 16. 원시웹 17. 인터넷을 여는 열쇠 : 서버와 클라이언트..
2021.03.12 -
[HTML+CSS] 웹 표준 사이트 만들기 코딩 무료강의
웹 표준 사이트 만들기 코딩 무료강의 강사 : webstoryboy 사이트(출처) : wtss.tistory.com/category/SITE/01%20WEBSTANDARD 강의내용 : HTML과 CSS를 처음 입문하는 초보자들이 쉽게 따라 할 수 있는 웹 표준사이트 코딩 강좌 강의편수 : 총 36강 완성예제 이미지 강의링크 (링크를 클릭하시면 강의 페이지로 이동합니다.) 레이아웃 레이아웃 연습1 레이아웃 연습2 레이아웃 연습3 레이아웃 연습4 레이아웃 연습5 레이아웃 연습6 레이아웃 연습7 사이트 제작 레이아웃1 레이아웃2 스킵메뉴 헤더배경 & 메뉴 헤더 타이틀 & 웹 폰트 헤더 아이콘 전체 메뉴 전체 타이틀 전체 배너 컨텐츠 레이아웃 게시판1 게시판2 게시판3 마우스 오버효과1 마우스 오버효과2 탭 메..
2021.03.12 -
[HTML] 브라우저에서 값(문자열)을 입력하고 전송하게 해주는 <form>태그
태그는 브라우저에서 텍스트를 입력하고 지정한 URL로 값을 전송해주는 태그. form태그의 프로세스를 간략하게 정리해보면... 첫번째 input 태그에서 type(형식)은 text박스(1줄짜리)로, name(입력값)은 title로 지정 다음 textarea 태그는 여러줄을 입력할 수 있는 텍스트 박스 생성, name(입력값)은 description으로 지정 마지막 input 태그에서 type(형식)은 submit 으로 제출버튼 생성 위와같이 입력하고 제출버튼을 클릭하면 form의 action이 활성화되면서 입력값을 전송하기 위한 주소가 필요하므로 action 뒤에 입력값을 전송하고자 하는 주소를 추가하고, 마지막으로 post방식으로 전송함으로써 전송하는 url 주소의 노출을 차단.
2021.03.03 -
[JavaScript] HTML에서 JavaScript 변수(상수) 사용하기
HTML에서 JavaScript 변수 사용하기 JavaScript에 생선된 변수를 HTML에서 사용하는 방법은 여러가지가 있습니다. 그중에서도 id를 부여하고 사용하는 방식이 가장 보편적으로 사용하는 방법중 하나입니다. 사용방법은 다음과 같습니다. // 태그에 id값을 부여합니다 // // javaScrip에서 id값을 받아 javaScript의 변수값을 입력합니다 // [JavaScript] 자바스크립트 변수(상수)생성 방법 let, var, const [JavaScript] 변수생성 let, var, const JavaScript에서 변수(variable)를 생성하는 방법 JavaScript에서 변수를 생성하는 방법 광역변수, 지역변수 등등... 여러가지가 있지만 우선 먼저 대표적인 세가지 방법에 대..
2021.02.26