코맛

<tr> 행

tr : Table Row(줄)

<th>, <td> 열

th : Table Header

td : Table Data

코드작성예시

<table>

             <tr>

                       <th> 타입</th>

                       <th> 값 </th>

              </tr>

              <tr>

                     <td> 숫자</td>

                     <td>1</td>

              </tr>

  </table>

=> 1줄(tr)에 2칸(th)의미

HTML - 블록 레벨(Block level)요소와 인라인(Inline) 요소

1. 블록요소
-div,h1,p
-사용 가능한 최대 가로 너비를 사용한다.
-margin, padding 의 크기를 지정할 수 있다.
-수직으로 쌓임
-레이아웃용도

2. 인라인 요소
-span,img
-필요한 만큼의 너비를 사용.
-크기를 지정할 수 없다.
-수평으로 쌓임
-margin, padding 의  위, 아래 크기조절불가능.
-text작업용도

margin

요소의 바깥부분(공간)을 말함.

padding

요소의 안쪽부분(공간)을 말함.

padding을 늘릴 경우 요소가 담긴 box의 전체적인 크기는 늘어나게 되어있음.

margin과 padding 추가 후 길이의 변화모습

Attribute : 해당 태그(tag)가 사용자(user)가 원하는 성질을 가지게 도와줌.

ex)

img는 image를 가리킴

src(source) 는 img 태그의 속성으로 가지고 올려는 이미지의 위치를 알려줌

alt(alternative) 는 만일 해당 이미지가 나타나지 않는 경우 대신 보여질 텍스트를 말함.

HTML의 기본 양식을 보면 DOCTYPE html, html, head, body  로 나눌 수 있다.

meta(웹 페이지의 정보)  : 웹페이지에 관한 정보(표시 방식, 제작자, 내용, 키워드 등)를 검색엔진이나 브라우저에 제공한다.

head : 사이트의 정보(문자인코딩방식, 제작자, 사이트의 내용)를 알려준다.

body : 사용자들에게 컨텐츠가 실질적으로 보여지는 공간.