개발나라 스용공주

[생활코딩] HTML 왕기초 8장 - Visual Studio Code / HTML 구조 본문

WEB/HTML & CSS

[생활코딩] HTML 왕기초 8장 - Visual Studio Code / HTML 구조

스용공주 2024. 6. 18. 22:56
728x90
728x90

이 글은 아래 강의를 바탕으로 작성하였습니다.

(생활코딩)

https://www.youtube.com/watch?v=sVt5nyz3Gdo&list=PLuHgQVnccGMDZP7FJ_ZsUrdCGH68ppvPb&index=13

 

 

 

[ HTML 기본 구조 ]

html은 기본적으로 아래와 같은 형태로 이루어져있다.

 

[ 기본 구조의 태그 설명 ]

 

* html의 모든 태그들은 <head>태그나 <body>태그 아래에 놓인다.

  • <body> : 본문에 해당하는 부분 (고위직 태그)
  • <head> : 본문을 설명하는 부분 (고위직 태그)
  • <title> : 웹페이지의 제목을 명시적으로 표현, 책 표지와 같은 존재
  • <meta charset="utf-8"> : 우리가 작성한 파일 형태가 utf-8이므로 웹브라우저가 이 파일을 열 때 utf-8 형식으로 열도록 알려주는 역할. (charset : character set -> 문자 규칙)
  • <html> : 고위직 태그들을 감싸고 있는 태그
  • <!doctype html> : '이 문서는 html이다' 명시
<!doctype html>
<html>
<head>
    <title>Introduce Youtube</title>
    <meta charset="utf-8">
</head>
<body>
    <ol>
        <li>Youtube</li>
        <li>Contents</li>
    </ol>
    <h1>Introducing My Youtube</h1>
    <img src="image_01.jpg" width="50%">
    <p>This is <b>my YOUTUBE CHANNEL <u>'THAPHA'</u></b>!</p>
    <p>Your subscription will give me some energy!</p>
</body>
</html>

 

 

728x90
728x90

'WEB > HTML & CSS' 카테고리의 다른 글

[생활코딩] HTML 왕기초 10장 - Visual Studio Code / 유튜브 동영상 바로 실행하기  (0) 2024.06.20
[생활코딩] HTML 왕기초 9장 - Visual Studio Code / 링크 걸기  (0) 2024.06.18
[생활코딩] HTML 왕기초 7장 - Visual Studio Code / 목차 생성하기  (0) 2024.06.18
[생활코딩] HTML 왕기초 6장 - Visual Studio Code / 이미지 삽입  (0) 2024.06.18
[생활코딩] HTML 왕기초 5장 - Visual Studio Code / 태그의 중요성  (0) 2024.06.18
'WEB/HTML & CSS' Related Articles more
Comments