반응형
html에서 <header> 태그는 본문에서 사용하는 태그입니다.
<header>라고 하여서 <head>태그에 들어가는 것이 아니고 본문인 <body> 태그에 들어간다고 합니다!
<header> 태그
-
<h숫자> 본문 내용 </h숫자>
-
<h1>~<h6>까지 사이즈가 있습니다.
-
본문 내용에 들어가는 글자는 진하게 표시됩니다.
-
줄 바꿈 기능이 있습니다.
사이즈를 조정하여 가장 큰 제목은 <h1> 태그 그 밑의 제목은 <h2> 태그 등으로 조정하여 사용합니다.
본문 내용은 <p></p> 태그를 사용하여 입력합니다.
header.html의 결과는 이렇습니다.
작은 숫자일수록 폰트의 크기는 커지고 '자동 줄 바꿈' 그리고 '진하게'가 자동으로 입력되어 있습니다.
Font 태그
font 태그는 사이즈를 지정했지만, 조금 더 키우거나 줄이는 경우 그리고 글자색, , 글자체 등을 조정하는 태그입니다.
ex) <font size="1"></font>
-
color: 글자의 색
-
size: 글자의 크기
-
face: 글자체
글자의 font 크기, 글자체, 글자의 색을 변경할 때 이용합니다.
위에서 <h> 태그와 달리 숫자가 작으면 글자의 크기도 작습니다.
*<br> 태그는 줄 바꿈 태그입니다.
font태그 결과입니다. 글자의 크기가 size에 따라 달라지고, 글자의 색이 color에 따라 달라지고, 글자체가 face에 따라서 달라집니다!
반응형
'컴퓨터 언어 기초 > HTML' 카테고리의 다른 글
| [HTML]띄어쓰기, 줄 변경하는 방법 (1) | 2020.04.10 |
|---|---|
| [HTML]이미지 넣는 방법&이미지 크기 변경 (0) | 2020.04.08 |
| [html기초]테이블(table) 태그로 표 만들기! (0) | 2020.04.06 |
| [html기초] 목록, 리스트를 나타내는 태그 <ul>, <ol>, <dl>, <li>태그 (0) | 2020.04.01 |
| [html기초]HTML 문서 기본 틀 (0) | 2020.03.30 |