반응형
🌐 웹 기초
지난 시간에는 HTML의 리스트, 테이블 태그에 대해서 학습하였다. 이번 시간에는 HTML의 파일 구조 태그들에 대해서 배운다.
🚂 Tag
이전 시간과 마찬가지로 HTML의 태그를 학습하기 전에 앞서, HTML의 태그를 한눈에 볼 수 있도록 정리한 사이트 https://www.w3schools.com/tags/tag_comment.asp를 통해 태그를 확인하고 이를 실습한다.
DOCTYPE
<!--
<!DOCTYPE html>은 도큐먼트의 타입을 뜻한다.
따라서 모든 HTML의 문서는 DOCTYPE으로 시작 해야한다.
-->
<!DOCTYPE html>
<h1>컴투스</h1> 공동 창업자 <b>이영일</b> 대표가 설립한 <i>해긴</i>은 <u>‘홈런 클래시’</u>, ‘오버독스’, <strong>‘익스트림 골프’</strong>, ‘플레이투게더’ 등 <br>캐주얼한 매력을 극대화한 다양한 장르의 모바일게임을 개발 및 서비스하는 기업이다.
... 계속
HTML
<!--
<html>은 모든 HTML의 루트(Root)를 나타낸다. 즉 뿌리를 뜻한다.
doctype을 제외한 모든 html 태그 요소들은 html 태그 안에 들어가야 한다.
-->
<!DOCTYPE html>
<html>
<h1>컴투스</h1> 공동 창업자 <b>이영일</b> 대표가 설립한 <i>해긴</i>은 <u>‘홈런 클래시’</u>, ‘오버독스’, <strong>‘익스트림 골프’</strong>, ‘플레이투게더’ 등 <br>캐주얼한 매력을 극대화한 다양한 장르의 모바일게임을 개발 및 서비스하는 기업이다.
</html>
HEAD
<!DOCTYPE html>
<html>
<head>
<meta charset = "UTF-8">
<title>Title of the document</title>
</head>
<h1>컴투스</h1> 공동 창업자 <b>이영일</b> 대표가 설립한 <i>해긴</i>은 <u>‘홈런 클래시’</u>, ‘오버독스’, <strong>‘익스트림 골프’</strong>, ‘플레이투게더’ 등 <br>캐주얼한 매력을 극대화한 다양한 장르의 모바일게임을 개발 및 서비스하는 기업이다.
</html>
BODY, div
<!--
<body>는 HTML의 몸통을 가르킨다. 대부분의 모든 태그는 다 body 안에 담긴다.
<div>는 division의 약자로 구역, 섹션을 뜻한다.
div 별로 스타일을 사용할 수 있다는 장점이 있다.
-->
<!DOCTYPE html>
<html>
<head>
<meta charset = "UTF-8">
<title>Title of the document</title>
<style>
table, th, td {
border: 1px solid black;
}
</style>
</head>
<body>
<h1>컴투스</h1> 공동 창업자 <b>이영일</b> 대표가 설립한 <i>해긴</i>은 <u>‘홈런 클래시’</u>, ‘오버독스’, <strong>‘익스트림 골프’</strong>, ‘플레이투게더’ 등 <br>캐주얼한 매력을 극대화한 다양한 장르의 모바일게임을 개발 및 서비스하는 기업이다.
</body>
반응형
'공부 > 인프런 - Rookiss' 카테고리의 다른 글
| Part 6-2-8. 웹 기초 : CSS #1 (0) | 2024.08.13 |
|---|---|
| Part 6-2-7. 웹 기초 : HTML #5 (0) | 2024.08.12 |
| Part 6-2-5. 웹 기초 : HTML #3 (0) | 2024.08.06 |
| Part 6-2-4. 웹 기초 : HTML #2 (0) | 2024.08.05 |
| Part 6-2-3. 웹 기초 : HTML #1 (0) | 2024.08.02 |