👥 조별 과제
⚡ 개념 정리하기 !
<!DOCTYPE> : HTML 문서에서 문서 버전을 정해줌. 이 문서가 HTML 문서라는 걸 선언함과 동시에 버전 명시 (html ⇒ HTML 5 의미)<html> : html 문서의 시작을 의미. lang이라는 속성과 함께 사용하여 언어를 표시.
lang : 해당 html 페이지에서 사용하는 언어 표시<head> : HTML 문서의 정보를 작성하는 영역<body> : HTML 문서의 본문을 작성하는 영역<hn> : <h1>~<h6>까지 있는데, 숫자가 커질수록 폰트의 크기와 굵기가 감소하며 덜 중요한 의미가 됨. <h1>은 하나의 HTML 문서에서 딱 하나만. 검색엔진 최적화를 위해 지켜야 한다. 검색엔진은 <h1>부터 <h6>까지 순차적으로 중요도를 매긴다.<p> : 단락을 의미하고 내용상으로 매듭을 짓는 단위. 웹 브라우저의 가로 함수를 사용하고 공백은 웹 브라우저에서 최대 한 칸.<br> : 줄바꿈 태그로, 연관된 내용을 줄바꿈 할 때는 <p> 대신 <br> 태그를 사용함.<a> : 링크(anchor)를 거는 태그. 페이지 내부 또는 외부로 이동할 수 있음.
href : 링크target : _blank로 설정시 새 탭에서 링크 열기<img> : 웹 페이지에 이미지를 삽입하려고 할 때 사용하는 태그. 외부 또는 내부 리소스 사용 가능.
source : 이미지에 사용되는 소스alt : 대체 텍스트 작성width, height : 크기 조정<strong> : 중요한 텍스트를 표현할 때 사용. 웹 브라우저에서는 굵게 표시됨.<em> : 텍스트를 강조하는 태그로 웹 브라우저에 기울임 꼴로 표시됨.<b> : 단순히 텍스트를 굵게 표현하는 태그이며, 문법적 의미는 갖지 않음.<i> : 단순히 시각적인 스타일 태그이며, 텍스트를 기울임꼴로 설명해줌.<ul>,<ol> : 각각 비순서형 목록 태그, 순서형 목록 태그에 사용된다.<li> : ul 또는 ol 내부에서 사용되는 태그로, 목록을 정의한다.<dl> : 정의형 목록 태그로, 하위 태그인 dt와 dd를 가질 수 있다.