생활의꿀팁

HTML 기초 정리 1탄

젠틀메이커 2020. 5. 3.

1. HTML이란 무엇인가?

HTML은 모든 웹 페이지의 골격입니다. 종종 개발자, 마케팅 담당자 및 디자이너가 배우는 첫 번째 언어이며 프론트 엔드 개발 작업의 핵심입니다.

 

그렇다면 HTML은 정확히 무엇입니까? HTML은 이미지, 텍스트 또는 비디오와 같은 웹 사이트에 나타나는 내용의 구조를 제공합니다. HTML은 HyperText Markup Language의 약자입니다. CSS 및 JavaScript로 HTML을 계층화하여 시각적으로 강력하고 역동적 인 웹 사이트를 만들 수 있습니다.

 

2. HTML-TAG

HTML은 요소로 구성됩니다. 이 요소들은 웹 페이지를 구성하고 그 내용을 정의합니다. 그들이 어떻게 작성되는지 봅시다. 아래 이미지를 참조해보자!

 

2. HTML-BODY

웹 페이지를 구축하는 데 사용하는 주요 HTML 요소 중 하나는 body 요소입니다. 개폐 본문 태그 내의 내용 만 화면에 표시 할 수 있습니다. 여는 바디 태그와 닫는 바디 태그는 다음과 같습니다.

 

3. HTML-계층구조

HTML은 가계도 관계의 모음으로 구성됩니다. 마지막 연습에서 보았 듯이 태그를  태그 안에 넣었습니다. 요소가 다른 요소 안에 포함 된 경우 해당 요소의 자식으로 간주됩니다. 자식 요소는 부모 요소 안에 중첩되어 있다고합니다.

 

위의 예에서 <p>요소는 <body> 요소 안에 중첩되어 있습니다. <p>요소는 <body> 요소의 자식으로 간주되며 <body>요소는 부모로 간주되니다. 또한 가독성을 높이기 위해 스페이스 바를 사용하여 들여 쓰기 공간을 두 개 추가 한 것을 확인할 수 있습니다.

 

이 예에서 <body>요소는 <div>요소의 부모입니다. <h1> 및 <p> 요소는 모두<div> 요소의 하위 요소입니다. <h1>및<p>요소는 동일한 레벨에 있기 때문에 형제로 간주되며 <body> 요소의 손자입니다.

 

4.HTML-H1

HTML의 표제는 다른 유형의 매체의 표제와 유사합니다. 예를 들어, 신문에서는 일반적으로 독자의 관심을 끌기 위해 큰 제목이 사용됩니다. 다른 경우 제목은 영화 제목이나 교육 기사와 같은 콘텐츠를 설명하는 데 사용됩니다.

 

HTML도 비슷한 패턴을 따릅니다. HTML에는 6 가지 제목 또는 제목 요소가 있습니다. 제목은 제목 섹션, 기사 또는 다른 형태의 콘텐츠와 같은 다양한 목적으로 사용될 수 있습니다. 다음은 HTML에서 사용 가능한 제목 요소 목록입니다. 그것들은 가장 큰 것에서 가장 작은 것까지 주문됩니다.

 

<h1> ~ <h6>까지 존재하며, 숫자가 커질수록 글자는 작아진다.

 

 

 

 

반응형

'생활의꿀팁' 카테고리의 다른 글

태풍 경로 현재위치 실시간 사이트  (0) 2022.07.04
주차 잘하는 법(주차공식)  (0) 2020.07.21
HTML 기초 정리 2탄  (0) 2020.05.12
드리프트 하는 방법 1탄  (1) 2020.03.26
수동 운전 요령  (0) 2020.03.06

댓글