티스토리 뷰
1. 문서 양식 태그
<p> : parag
2. 구조 태그
<title> : 웹의 제목을 설정
<meta> : ex) 우리가 작성한 코드를 utf-8 방식으로 저장했으면, <meta> 태그를 통해 utf -8 방식으로 읽을수 있도록 브라우저에게 명령하는것
본문에 쓰일 내용들을 사전에 설명하는 <head>와 본문<body> 태그 두가지로 묶인다.
그리고 이들은 모두 <html> 태그에 묶여있다.
그리고 관용적으로 <!doctype html> 이라고 맨처음에 명시해준다.
3. 부모 자식 태그
<ol> : ordered list / 목차에 자동으로 숫자 conut 태그
<ul> : unorderd list / 숫자 대신 dot 생성 태그
※ unordered에서 dot(외국에서는 bullet) 을 없에고 싶으면
<ul style="list-style-type:none">
을 하면된다.
이들은 모두
<li> : list / 목차생성태그
의 부모 태그이다.
<table> / 표를 만드는 태그 (조부모태그)
<tr> : table row / <tr> <td>내용</td> </tr> 표에서의 한 줄 (행)을 규정하는 태그. (부모태그)
<th>: table head / <th>내용</th> th 사이의 내용을 셀 데이터로 규정 & 표의 제목으로 지정
<td>: table data / <td>내용</td> td사이의 내용을 셀 데이터로 규정하는 태그 (자식태그)
이렇게 3개가 연관되어있는 조부모 태그도 있다.
cf) ① <table> 태그의 경우에는 표의 line을 규정해주는 선언이 선행되어야 한다.
ex) <style>
table, th, td {
border: 1px solid black;
}
</style>
② <table> 태그를 사용하여 web의 레이아웃을 만들 수 있지만, 레이아웃은 주로 <div> 태그를 쓴다.
4. link 태그
<a> : anchor / 링크를 시키는 태그
<a> 태그 안에는 다양한 추가 명령 태그가 들어갈 수 있다.
ex)<a href="https://www.w3.org/TR/html51/" target="_blank" title="html5 specification">에서
href : hypertext reference의 약자로, 해당 사이트로 링크시키도록 하는 역할
target="_blank" : 링크를 열때 해당 문법이 있을경우 새 창에서 링크를 열도록 하고, 없으면 새 창이 아닌 기존 창에서 링크를 타도록 한다.
title="html5 specification" : 하이퍼 텍스트에 커서를 갖다대면 어떠한 것과 관련된 링크로 가는지 간략하게 설명해주는 태그이다.
'코딩야학(HTML)' 카테고리의 다른 글
| CSS박스모델 (0) | 2018.01.05 |
|---|---|
| CSS (0) | 2018.01.05 |
| 서버(SERVER) (0) | 2018.01.01 |