TIL. 01 HTML - 기본

Minjae Choi·2021년 4월 6일
1

HTML

목록 보기
4/5

HTML 기본 태그 및 구조에 대해 학습하고 실습하기

📋 HTML 태그

  • HTML 태그는 열리는 태그, 닫히는 태그로 구분된다.(닫히는 태그는 태그명 앞에 /를 붙인다.)

<strong> 텍스트 굵기 강조 태그
<u> 밑줄 강조 태그
<h1~6> 제목 태그(숫자가 커질수록 텍스트가 작아진다.)
<br> 줄바꿈을 의미하는 태그로써 닫히는 태그를 사용하지 않는다.
<p> 단락을 표현하는 태그로 어디서부터 어디까지가 단락인지 지정해야 한다.
(정해져 있는 여백 만큼만 벌어져, 시각적인 자유도가 떨어진다. 단, 이 단점은 추후 배울 CSS에서 해결할 수 있다.<p style="margin-top:40px;")

  • 전 세계에 있는 웹페이지들에 사용되는 태그의 종류를 살펴보면, 30개 정도의 태그를 사용하는 사이트가 가장 많다.
  • 참고사이트: https://advancedwebranking.com/html/

  • 태그별 사용되는 빈도수에 대한 통계 그래프

📋 실습

<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 browsers 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>
<p>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 structural semantics
for text such as headings, paragraphs, lists, links,
quotes and other items. HTML elements are delineated
by tags, written using angle brackets.</p>
<h1>W3C</h1>
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>

📋 결과

HTML

Hypertext Markup Language (HTML) is the standard markup language for creating web pages and web applications. Web browsers 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.

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 structural semantics for text such as headings, paragraphs, lists, links, quotes and other items. HTML elements are delineated by tags, written using angle brackets.

W3C

This is heading 1

This is heading 2

This is heading 3

This is heading 4

This is heading 5
This is heading 6

0개의 댓글