ssoL2 TISTORY

HTML 구조 본문

com/html,css

HTML 구조

ssoL2 2021. 2. 23. 14:52

- HTML 태그의 랭킹 순위권에 들어가는 HTML 구조 태그

 

 

<title> tag
  • 웹 페이지 제목 명시
  • 검색 엔진으로 <titile> 제공
<title>WEB1 - HTML</title>

<ol>
  <li>HTML</li>
  <li>CSS</li>
  <li>JavaScript</li>
</ol>
<h1>HTML</h1>
<p>Hypertext Markup Language (HTML) is the standard markup language for <strong>creating <u>web</u> pages</strong> and web applications.
Web browses receive HTML documents from a web server or from local storage and render them into multimedia web pages. HTML describes
the structure of a web page semantically and originally included cues for the appearance of the document.</p>
<img src="coding.jpg" width="100%">
<p style="margin-top:40px;">HTML elements are the building blocks of HTML pages. With HTML constructs, images and other objects, such as interactive forms,
may be embedded into the rendered page. It provides a means to create structured documents by denoting structual semantics for text
such as headings, paragraphs, lists, links, quotes and other items. HTML elements are delineated by tags, written using angle brackets.</p>

 

 

<meta> tag
  • 파일 생성시 사용한 인코딩을 해당 인코딩으로 열기 위한 태그
  • 아래 예시 파일은 utf-8 encoding을 사용함
  • <meta charset="utf-8">
<title>WEB1 - HTML</title>
<meta charset="utf-8">

<ol>
  <li>HTML</li>
  <li>CSS</li>
  <li>JavaScript</li>
</ol>
<h1>HTML이란 무엇인가?</h1>
<p>Hypertext Markup Language (HTML) is the standard markup language for <strong>creating <u>web</u> pages</strong> and web applications.
Web browses receive HTML documents from a web server or from local storage and render them into multimedia web pages. HTML describes
the structure of a web page semantically and originally included cues for the appearance of the document.</p>
<img src="coding.jpg" width="100%">
<p style="margin-top:40px;">HTML elements are the building blocks of HTML pages. With HTML constructs, images and other objects, such as interactive forms,
may be embedded into the rendered page. It provides a means to create structured documents by denoting structual semantics for text
such as headings, paragraphs, lists, links, quotes and other items. HTML elements are delineated by tags, written using angle brackets.</p>

 

 

<head> <body> tag
  • HTML을 본문을 <body>, 본문을 설명하는 태그는 <head>로 묶기로 약속함
  • 즉, HTML에 있는 모든 태그는 <head> 태그 또는 <body> 태그 중 하나 아래에 놓이게 됨
<head>
  <title>WEB1 - HTML</title>
  <meta charset="utf-8">
</head>
<body>
  <ol>
    <li>HTML</li>
    <li>CSS</li>
    <li>JavaScript</li>
  </ol>
  <h1>HTML이란 무엇인가?</h1>
  <p>Hypertext Markup Language (HTML) is the standard markup language for <strong>creating <u>web</u> pages</strong> and web applications.
  Web browses receive HTML documents from a web server or from local storage and render them into multimedia web pages. HTML describes
  the structure of a web page semantically and originally included cues for the appearance of the document.</p>
  <img src="coding.jpg" width="100%">
  <p style="margin-top:40px;">HTML elements are the building blocks of HTML pages. With HTML constructs, images and other objects, such as interactive forms,
  may be embedded into the rendered page. It provides a means to create structured documents by denoting structual semantics for text
  such as headings, paragraphs, lists, links, quotes and other items. HTML elements are delineated by tags, written using angle brackets.</p>
</body>

 

 

<html> tag + <!DOCTYPE HTML>
  • <body> tag와 <head> tag를 감싸는 최고위층 태그
  • <html> 태그 위에는 관용적으로 이 문서에는 HTML이 담겨 있다는 뜻으로 <!DOCTYPE HTML> 표현
<!DOCTYPE HTML>
<html>
  <head>
    <title>WEB1 - HTML</title>
    <meta charset="utf-8">
  </head>
  <body>
    <ol>
      <li>HTML</li>
      <li>CSS</li>
      <li>JavaScript</li>
    </ol>
    <h1>HTML이란 무엇인가?</h1>
    <p>Hypertext Markup Language (HTML) is the standard markup language for <strong>creating <u>web</u> pages</strong> and web applications.
    Web browses receive HTML documents from a web server or from local storage and render them into multimedia web pages. HTML describes
    the structure of a web page semantically and originally included cues for the appearance of the document.</p>
    <img src="coding.jpg" width="100%">
    <p style="margin-top:40px;">HTML elements are the building blocks of HTML pages. With HTML constructs, images and other objects, such as interactive forms,
    may be embedded into the rendered page. It provides a means to create structured documents by denoting structual semantics for text
    such as headings, paragraphs, lists, links, quotes and other items. HTML elements are delineated by tags, written using angle brackets.</p>
  </body>
</html>

 

 

어떤 사이트든지 간에 [페이지 소스 보기]를 누르면

<!DOCTYPE HTML>

<html>   

    <head>

       <meta>는 있을 수도 있고 없을 수도 있다.

       <titile>

    </head>

    <body>

    </body>

</html>

 

이 구조로 사용되고 있다.

'com > html,css' 카테고리의 다른 글

HTML 인터넷 동작 과정  (0) 2021.02.23
HTML 웹페이지  (0) 2021.02.23
HTML 링크  (0) 2021.02.23
HTML 기본 문법과 태그  (0) 2021.02.23
HTML  (0) 2021.02.23
'com/html,css' Related Articles more
Comments