AndrewNA

input 입력하는 데이터 필드 input type 속성 text : Default 값으로 일반적인 텍스트 password : 입력하는 텍스트가 보이지 않음 radio : 나열된 보기 중 하나만 선택(같은 보기 그룹은 네임 속성 동일 및 value 속성으로 서버 전달 값 입력) checkbox : 나열된 보기 중 여러개 선택 가능(같은 보기 그룹은 네임 속성 동일 및 value 속성으로 서버 전달 값 입력) - input type 예시 input name 속성 name : 반드시 필요한 값으로 서버로 전달되는 이름 - input name 예시 required 속성 반드시 입력되어야 되는 값으로 유효성 검사에 사용 - required 예시 placeholder 속성 입력 폼에 짧은 힌트 제공 - place..

form 서식을 정의하는 요소 - form 예시 이름: - form 결과 form 속성 입력된 내용을 보내는 방법 action 서버 파일의 URL로 전송 method 폼을 전송하며 get, post 옵션 존재 get 서버로 스트링 형태로 전달되며 데이터의 이름과 값에는 '&'문자를 이용하여 연결한다. - get 예시 이름: 나이: - get 결과 http://www.test.com/test.html?name=andrew&age=30 으로 전송 post 웹 브라우저와 서버간 인코딩을 하여 전송한다.

sup 위 첨자 - sup 예시 24 - sup 결과 2⁴ sub 아래 첨자 - sub 예시 CO2 - sub 결과 CO₂ br 줄바꿈 용도로 사용 - br 예시 동해물과 백두산이 - br 결과 동해물과 백두산이

a 하이퍼 링크를 나타내는 요소 - a 예시 N's Story - a href 사용시 옵션 _self 현의 브라우저 창에서 링크 진입 _parent 현재 페이지의 부모 브라우저 창이 존재시 부모창에서 링크 진입 _top 최상위 브라우저 창에서 링크 진입 _blank 새로운 브라우저 창에서 링크 진입 - a href 예시 N's Story em 강조할 시 사용, 기본 옵션은 기울임 - em 예시 기울임 storng 중요할 시 사용, 기본 옵션은 굵게 - strong 예시 굵게

ul 순서가 없는 목록을 정의 li 목록내 항목 역할 - ul, li 예시 무궁화 삼천리 화려강산 - ul, li 결과

ol 순서가 있는 목록을 정의 li 목록내 항목 역할 - ol, li 예시 무궁화 삼천리 화려강산 - ol, li 결과

p 문단의 시작과 끝을 구분 - p 예시 도레미파솔라시도 blockquote 인용된 소스를 cite 속성으로 URL 주소를 표시 - blockquote 예시 재미있는 IT 이야기가 모여있습니다. pre 공백을 포함하여 그대로 출력 - pre 예시 무궁화 삼천리 화려강산 - pre 결과 hr 문단 내 가로 실선 - hr 예시 무궁화 삼천리 화려강산 - hr 결과

HTML5 섹션 요소 section 컨텐츠 의미적 그룹 nav 페이지를 결하는 네비게이션 링크 aricle 독립적으로 재사용할 수 있는 섹션 aside 컨텐츠와 별개의 영역을 정의하는 사이드바 형태 HTML5 기타 요소 header footer h1 ~ h6 hgroup address

블록 레벨 요소 줄 바꿈이 일어나는 요소 ex) , 등 제목, 문단, 인용문에 사용되어 줄이 바뀌는 요소 인라인 레벨 요소 줄 바꿈이 일어나지 않는 요소 ex) , 등 강조, 링크, 이미지에 사용되어 줄이 바뀌지 않는 요소

구조적 마크업 HTML5의 구조를 정의한다. ex) HTML 표현적 마크업 HTML5의 표현(디자인)을 정의한다. ex) CSS

HTML5 head HTML 파일의 메타데이터 스크립트와 CSS등이 위치하여 처리 전 처리되어야 하는 설정부분으로 웹브라우저 나타나지 않는다. HTML5 head 요소 타이틀 지정 - 웹 브라우저 이름 - 즐겨찾기 저장시 지정되는 제목 문자인코딩 - HTML ↔ 텍스터 에디터간 문자 인코딩이 동일해야 정상적으로 표시 - 대게 유니코드인 UTF-8 지정 예시

HTML(Hyper Text Markup Language) 글, 그림 등 웹용 컨텐츠의 구조를 지정하는 컴퓨터 언어다. 웹 브라우저의 요구에 따라 웹 서버에 저장된 HTML을 불러와 해석 후 화면에 표현된다. HTML 요소 - 마크업 명령어 - 콘텐츠의 구조 정의 - 대소문자를 구분하지 않음 - 컨텐츠와 요소를 표현하기 위한 양쪽에 꺽쇠로 표현 ex) , , - 대부분의 요소는 시작과 끝에 "/"넣어 요소 지정 ex) Test - 빈요소는 단독으로 사용 ex) , 기본 HTML 구조 DOCTYPE 웹 브라우저가 HTML을 표현하기 위한 버전 명시 가장 처음에 작성 head HTML 파일의 메타데이터 스크립트와 CSS등이 위치 처리 전 처리되어야 하는 설정부분으로 웹브라우저 나타나지 않음 body 본문 내용