HTML

태그속성태그의 중첩빈 태그공백주석

소스 코드 표현할 시에는 백틱 3개로 감싸기html5한국어로 작성된 웹 문서head 태그 - 문서의 기본정보 설정 외부 스타일 시트 파일 및 자바스크립트 파일charset 속성 - 문자의 인코딩 방식을 지정하는 속성title 태그 - 문서의 제목을 나타내는 부분body

가장 많이 사용되는 태그들 20개~30개

Heading Tag

실행결과

앵커` ` 네이버 네이버

<div>: block-level 모니터 화면 <p><span>: inline-level 라인 위 <b> <i> ...리스트<ul> unordered list로 순서가 없는 리스트실행결과<ol> ordered list로 순서가 있

<img src="./images/pizza.jpg" alt="피자">문서에 이미지를 삽입한다.src: 이미지 경로를 지정한다.alt: 이미지의 대체 텍스트를 입력한다.width/height: 이미지의 크기를 지정한다. width(가로) 크기를 400까지 줄이면

<td>,<th> : 데이터 셀(table-cell)<tr> : 행(table-row)<table> : 표실행결과실행결과colspan : 셀을 가로방향으로 병합rowspan : 셀을 세로방향으로 병합

<colgroup><col>scope, headers

실행결과INPUT 요소 : <input type="...">text, password, radio, checkbox, file, image, submit, reset, button

컴퓨터(브라우저)가 잘 이해할 수 있는 코드굵은 vs 중요한기울어진 vs 강조하는밑줄친> vs 새롭게 추가된중간선이 있는 vs 삭제된겉으로 표현되는 것은 같으나 브라우저가 인식하는 내용은 다르다.

한 줄에 하나의 요소 표시일반적인 모든 요소 포함하며, div, h1~h6, p, ul, li, table 등한 줄에 여러개의 요소 표시block 레벨의 자식요소이며, span, i, img, em, strong 등