HTML은 웹페이지의 뼈대를 만드는 도구
웹페이지를 꾸미는 부분은 대부분 css가 담당한다.
<태그>로 시작하고 </태그>를 사용해 태그를 끝맺는다.
기본적인 형태
<!DOCTYPE html>
<html>
<head>
<title>
웹페이지의 타이틀
</title>
</head>
<body>
웹페이지 내용
</body>
</html>여러가지 기본 태그들
<p> 문단 태그. 텍스트를 나누는 용도로 사용.블럭 레벨이라 옆에 다른 글이 올 수 없음 </p>
<div> p와 똑같이 블럭레벨 이지만 하위에 블럭레벨 태그가 올 수 있고 텍스트가 아닌 태그의 영역별 구분을 하는 용도로 자주 쓰임</div>
<br> 개행 태그. 싱글태그라서 닫아주지 않아도 됨
<em> 강조된 텍스트(emphasized text) </em>
<strong>글씨를 굵게 만들때 사용</strong>
<h1> h1~h6까지 있고 6으로 갈 수록 글씨가 작아짐 제목 및 본문으로 사용가능 </h1>
<hr> 수평선 긋기 태그 (horizontal)
<!--> 주석 태그 태그로 읽히지만 주석이라 태그의 내용을 설명할때 사용
<mark> 형광펜처럼 노랗게 칠해지는 태그
<del> 글씨 중간에 실선이 그어짐
<pre> pre태그를 사용하면 태그 구간 안에서 enter, space, tab 전부 사용 가능
<sub> 아래첨자 태그
<a> 링크 태그 href=""를 사용하여 가고싶은 링크를 걸 수 있음 뒷부분에 target="_blank"로 새 탭에서 열기를 실행 가능 기본값은 self (현재탭에서 열기)
<img src=""> 이미지 파일 가져오기 "image.jpg"안에 이미지 파일을 넣음으로서 가져올 수 있음
<ol> 리스트를 세우는 태그, 근데 이제 숫자를 곁들인...
<ul> 똑같이 리스트를 세우지만 숫자 없이 동그라미로 이루어짐.
<table> 표 만드는 태그
<tr> table row로 가로줄을 뜻함
<td> table data로 셀을 만드는 역할
<tr> table head로 표의 제목을 만듬 기본적으로 가운데 정렬에 굵은 글씨
<caption> 표의 설명을 하는 태그
<colspan> 가로줄 병합. 병합을 하게 되면 병합 된 셀의 내용은 지운다.
<rowspan> 세로줄 병합. 병합을 하게 되면 병합 된 셀의 내용은 지운다.
%nsp 띄어쓰기 기능
✨개발자를 향해 나아가는 중입니다🚀