티스토리 뷰
html tag
<html>
웹페이지의시작과 끝을 뜻합니다. 웹페이지는 <html>로 시작해서 </html>로 끝납니다.
<head>안에 들어갈 태그들
<head>
웹 페이지의 정보, 문서에서 사용할 외부 파일들을 링크할때 사용합니다.
<meta>
본 문서의 키워드 혹은 제목, 요약을 나타내는 태그로서 활용되게 됩니다. 문자 인코딩 및 문서 키워드, 요약정보
<title>
문서의 제목을 나타내는 태그로서 활용됩니다.
<link>
주로 css파일을 연결할 때 사용하는 태그입니다. 또는 외부 파일과 연결할 때 사용합니다.
<style>
문서나 문서 일부에 대한 스타일 정보를 포함합니다.
<script>
코드를 삽입합니다. 실행 가능한 코드를 웹 페이지에 포함 시키거나 참조하기 위해서 사용합니다. 보통 javascript 코드를 넣을때 사용합니다.
<body>안에 들어갈 태그들
<body>
html 문서의 내용을 나타냅니다. 한 문서에 하나의 <body>요소만 존재할 수 있습니다.
<h1>,<h2>,<h3>...
제목태그입니다. 말 그대로 문서의 본문의 헤드라인입니다. h1에서 h6까지 있으며 h1이 글자가 제일 크고 번호가 높아질 수록 작아집니다.
<p>
paragraph의 약자로,사용하면 내용 앞뒤로 빈 줄이 생기면서 단락이 생깁니다.
<br>
줄바꿈 태그로서 사용됩니다.
<hr>
수평선을 그어주는 태그입니다. <hr> 태그는 종료태그 없이 사용되며 <hr> ... </hr>이렇게 사용되지 않습니다.
<div>
division의 약자로, 레이아웃을 나누는데 주로 쓰입니다. 다른 태그와 다르게 특별한 기능을 갖고 있지는 않고, 가상의 레이아웃을 설계하는데 쓰이며, 주로 CSS와 연동하여 쓰입니다.
<span>
<div>처럼 특별한 기능을 가지고 있지 않으며 CSS와 함께 쓰입니다. <div>는 줄 바꿈이 되지만, <span>은 줄 바꿈이 되지 않는다는 점입니다.
<a>
anchor의 약자이며, 웹 페이지를 구축할 시 가장 많이 사용하게 될 태그들 중 하나로 <a> 태그는 하이퍼링크 태그입니다. 웹 페이지나 외부 사이트를 연결합니다.
<table>안에 들어갈 태그들
<th>
table head의 약자로, 표의 제목을 쓰는 역할을 합니다.
<tr>
table row의 약자로, 가로줄을 만드는 역할을 합니다.
<td>
table data약자로, 셀을 만드는 역할을 합니다.
