Coding Is My Life

코딩은 인생

HTML 기초

[HTML기초][HTML - 문서의 구조]

산기대 컴공 2021. 1. 3. 23:28
728x90

문서 구조

일단 <title>이라는 태그를 알아보자. title은 웹페이지 상단에 

이와 같이 이름이 뜨는 것을 바꿀 수 있다.

전의 했던 예제를 가져와서 작성하면 다음과 같다.

<title>KPU MangYou - 코딩블로그</title>
<ol>
  <li>블라디미르</li>
  <li>오른</li>
  <li>이렐리아</li>
  <li>리븐</li>
</ol>

<ul>
  <li>c++</li>
  <li>java</li>
  <li>python</li>
  <li>HTML</li>
</ul>

이러면 상단에 이름이 설정 해준 값으로

바뀌는 것을 볼 수 있다.

 

HYML에는 정해진 규칙이 있는데 본문과 본문이 아닌 내용을 나누는 것이다.

위에 예제에서 본문은 <title>태그를 제외한 전부이다.

title -> <head>

본문 -> <body> 태그로 묶는 것이 정해진 규칙 같은 것이다.

그리고 이것을 <html>이라는 태그로 묶으면 완성이된다.

<html>

<head>
<title>KPU MangYou - 코딩블로그</title>
</head>

<body>
<ol>
  <li>블라디미르</li>
  <li>오른</li>
  <li>이렐리아</li>
  <li>리븐</li>
</ol>

<ul>
  <li>c++</li>
  <li>java</li>
  <li>python</li>
  <li>HTML</li>
</ul>
</body>

</html>

 

728x90