앱 만들기/HTML5 study

1강 HTML 기본구조

나도처음이야 2024. 6. 16.
반응형

하기는 가장 기본적인 구조를 가진 HTML 웹 페이지 이다.

<!DOCTYPE html>
<html>
<head>
 <title>Here is Title Area</title>
</head>
<body>
 <p>Here is a Pharase.</p>
</body>
</html>

 

<!DOCTYPE html> 은 html 버전이 html5 라는 것을 알려준다.

<html> </html>

은 웹 페이지 문서의 가장 큰 기본 뼈대이고, 이 태그 안에 모든 내용을 담는다.

 

<head></head> 사이에는 웹페이지에는 보이지 않지만 해당 웹 페이지가 가질 수 있는 특성(정보)을 적어준다.

<title></title> 태그는 <head>태그 사이에 사용되어서 제목표시줄에 제목을 나타낸다.

즉, 웹 페이지 내부의 내용은 아니다.

 

<body></body> 웹 페이지에 보여질 내용들이 기재된다.

<p> pharase 의 약자를 태그로 쓰고 있다. 문단을 나타낸다.

 

웹페이지의 가장 중심은 글자 정보이다. 

위 웹페이지는 기본 웹페이지 구조에 충실한 뼈대를 보여준다.

 

<html>

  <head>

    <title></title>

  </head>

  <body>

  </body>

</html>

브라우저에서 실행한 화면

 

 

 

2강. HTML 태그란 무엇일까?

HTML에서 태그란 무엇일까?바로 기호로 둘러쌓인 HTML 문법의 가장 작은 단위 이다.  시작되는 태그 를 start tag(시작 태그) 닫히는 태그를 end tag  (닫힘 태그)라고 부른다.이 두 태그 사이에 적히는

soo0100.tistory.com

 

반응형

'앱 만들기 > HTML5 study' 카테고리의 다른 글

3강. P 태그 사용법  (1) 2024.06.20
2강. HTML 태그란 무엇일까?  (2) 2024.06.17
HTML <style>태그 와 style 속성  (1) 2023.07.25
HTML <script> 태그 사용법  (1) 2023.07.24
HTML onkeydown 이벤트  (4) 2023.07.22

댓글