<>는 태그(tag)라고 부른다.
앞에 있는 태그를 '열리는 태그',
뒤에 있는 태그를 '닫히는 태그'라고 한다.

📌진하게 강조하기

<strong></strong>

📌밑줄 치기

<u></u>

📌제목

<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>

📌줄 바꿈

<br></br>

📌단락

<p></p>

📌이미지 삽입

<img src="coding.jpg" width="100%">

위에 width="100%"라는 것은 속성(Attribute)이라고 한다.

📌리스트

<ul>
    <li></li>
    <li></li>
</ul>

<li>와 같은 항목들은 그 항목이 어디서부터 어디까지가 서로 연관된 항목인지를 경계를 짓기 위한, 그룹핑을 하기 위한 부모 태그가 필요하다.
즉, <li> 태그는 반드시 부모 태그를 갖고 있다.

📌리스트에 번호 매기기

<ol>
    <li></li>
    <li></li>
</ol>

📌이 문서는 html이다.

<!DOCTYPE html>

📌전체를 감쌈.

<html>
</html>

<body와 <head>를 감싸는 최고 고위직 태그.

📌<head>

<head>
</head>

<body>를 설명하는 태그는 <head>태그로 묶기로 약속함.

📌본문

<body>
</body>

본문은 <body> 태그로 묶기로 약속함.

📌웹페이지의 제목

<title></title>

📌utf-8로 문서를 읽어라

<meta charset="utf-8">

저작자표시 비영리 변경금지

'HTML5 & CSS3' 카테고리의 다른 글

HTML 이란? (0)	2021.11.20
[생활코딩-WEB1] 웹사이트 완성 (0)	2021.06.20
[HTML5 & CSS3] 실습 - 고양이 분양 페이지 (심화) (0)	2021.02.15
[HTML5 & CSS3] 실습 - 고양이 자랑 페이지 만들기 (0)	2021.02.15
[HTML5 & CSS3] 실습 - 고양이 분양 페이지 만들기 (0)	2021.02.15

🐠붕어의 코딩 공부 기록🐠

[HTML] html과 기본 tag

📌진하게 강조하기

📌밑줄 치기

📌제목

📌줄 바꿈

📌단락

📌이미지 삽입

📌리스트

📌리스트에 번호 매기기

📌이 문서는 html이다.

📌전체를 감쌈.

📌<head>

📌본문

📌웹페이지의 제목

📌utf-8로 문서를 읽어라

'HTML5 & CSS3' 카테고리의 다른 글

댓글

티스토리툴바

[HTML] html과 기본 tag

📌진하게 강조하기

📌밑줄 치기

📌제목

📌줄 바꿈

📌단락

📌이미지 삽입

📌리스트

📌리스트에 번호 매기기

📌이 문서는 html이다.

📌전체를 감쌈.

📌<head>

📌본문

📌웹페이지의 제목

📌utf-8로 문서를 읽어라

'HTML5 & CSS3' 카테고리의 다른 글

관련글

댓글

티스토리툴바