TAG
태그의 의미가 궁금할 때, "HTML 태그이름 tag"라 검색하면 해당 내용이 나온다.
글자 크기 (h 뒤의 숫자가 커질수록 글자 크기가 작아짐)
<h1> </h1>
<h2> </h2>
...
<h6> </h6>
Strong(글자 강조)
<strong> </strong>
Underline
<u> </u>
New line
<br>
<br><br> : 단락 처럼 느껴지도록 함
여러번 사용할 수 있음
Paragraph
<p> </p> : 단락의 시작과 끝을 표시 (열리는 태그, 닫히는 태그 존재)
<br>처럼 여백을 조절하고 싶을 경우 - CSS이용 (ex) <p style = "margin-top:45px;"> ... </p>
image
<img width=" 00%" src = "이미지 주소" >
width & src 부분을 attribute라 함
https://unsplash.com/의 이미지들은 저작권에 구속받지 않고 자유롭게 사용할 수 있음
포함관계
포함하고 있는 태그 : 부모태그 <parent> </parent>
포함된 태그 : 자식 태그<child></child>
<parent>
<child></child>
</parent>
List
- Unordered List
<ul> </ul>
- Ordered List ( 항목 앞에 자동으로 번호를 붙여줌)
<ol> </ol>
- 항목 (Unordered List와 Ordered List 안에 사용)
<li> </li>
Title of webpage
<title> </title>
검색엔진이 웹페이지를 분석할 때 가장 중요하게 생각하는 태그임
※영어가 아닌 문자를 사용할 때, 문자가 깨지는 경우
<meta charset="utf-8">
Body Description
<head> </head>
Body
<body> </body>
웹페이지가 HTML로 만들어졌다는 것을 표현
<!doctype html>
Link
<link href="link 주소" >
- href (HyperText Reference): 연결할 주소
- rel : 현재 문서와 연결한 link의 관계 설명
- target="_blank" : 새창에서 페이지가 열림
- title : link가 어떤 내용을 담고 있는지 툴팁으로 보여줌
'HTML+CSS+JS' 카테고리의 다른 글
| [JavaScript] Array data type (0) | 2020.07.25 |
|---|---|
| JavaScript 기본 문법과 제어문 (0) | 2020.07.21 |
| [HTML+CSS3] 링크만들기 (0) | 2020.05.25 |
| [HTML+CSS3] 이미지삽입하기 (0) | 2020.05.19 |
| [HTML+CSS3] 표를 만드는 태그 (0) | 2020.05.19 |