HTML이란?

HyperTextMarkupLanguage

텍스트,이미지,링크등 다양한 요소들을 통해 웹 페이지를 만드는 형식

웹 표준이란?

웹 사이트를 만들 때 지켜야 하는 약속들을 정리한 것.

HTML5로 문서를 만드는 것 = 웹 표준을 지킨 문서

HTML5로 웹 페이지의 골격을 만들고 CSS3로 살을 붙이다.

비주얼 스튜디오 코드를 주로 사용한다.

: 태그와 CSS 속성을 간편하게 입력 가능. JavaScript등 다른 언어와 함께 사용 가능.

현재 문서가 HTML5 언어로 작성된 문서

웹 문서의 시작과 끝을 나타내는 태그로, 웹 브라우저가 <html>태그를 만나면 </html>까지 의 소스를 읽어 브라우저에 표시 한다.

웹 브라우저가 웹 문서를 해석하기 위해 필요한 정보들을 입력하는 부분.

스타일 및 스크립트 등이 포함된다. 여기서는 실제 문서 내용이 아니기 때문에 문서 제목만 브라우저 상단에 표시되고, 웹 브라우저 화면에는 표시되지 않는다.

: 실제로 웹 브라우저 화면에 나타날 내용.

: ul태그 블릿 리스트 5개 생성

alt + shift+ 방향 키 : 복사

shift + delete : 삭제

ctrl + alt + 방향키 : 단체입력 (열모드)

각 웹 콘텐츠 영역에서 제목을 표시할 때 사용하는 태그 h1>h6

<br> : 줄을 바꿀 위치에 <br>태그를 사용
<p> : 텍스트 단락. 입력한 내용 앞뒤로 빈 줄이 생기며 단락이 만들어짐
<strong>, <b> : 굵게 표시할때 사용. <strong>는 “중요한 내용 강조” <b>는 그냥 굵게 → Semantic Tag
<span> , <div> : 영역 묶기. <span>은 줄 안에서 (인라인)묶기. → 영역안에 있는 것에 대한 style 설정을 다양하게 줄수있다.

<div>는 줄 바꿔 블록 단위로 묶는다.

<table> : 표를 만든다.

<tr> </tr> : 행을 만든다.

<td> </td> : 각각 하나의 셀(cell)

<th> </th> : 제목을 나타내는 행(굵게 표시)

<colspan>,<rowspan> 속성 : 행 또는 열 합치기

<caption> : 표 제목이 위쪽 중앙에 표시됨.

<thead> <tbody> <tfoot> : 표 구조 정의하기

: 표의 구조를 제목,본문,요약 부분으로 명확하게 나눈다.