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