HTML 기본 이론

HTML입문

양빵빵 2022. 4. 6. 18:18

HTML :

Hyper Text Markup Language 의 약자로 웹페이지를 제작 할 때 기본 구조를 만드는 언어입니다.

※용어 정리※

1. 태그: 명령어의 형태가 <>로 되어있는 것들.

2. 요소: 태그의 시작(<>)과 끝(</>)의 한쌍을 의미.

3. 마크업: 요소들을 이용하여 웹 문서를 작성하는 것.

4. 속성: 태그의 요소에 지정하는 것들. ex)<a href=" #" ? > - href를 속성이라고 함.

태그와 요소(element)

- 태그는 각자의 구조적 의미를 가집니다.

-태그는 열리고 닫히는 구조를 가지며 이 구조는 태그의 범위 를 만들어 줍니다.

<!--해석--!>

<제목_시작_알림>HTML 공부 재밌다!</제목_끝_알림>

속성(Attributes)과 값

- 태그의 기능을 확장하기 위해 속성을 사용합니다.

- 속성은 태그 안에 작성하며 띄어쓰기로 여러 개 구분해서 작성 할 수 있습니다.

부모요소와 자식요소

- 태그는 중첩 기능을 통해 부모 자식요소로 단계적 구조를 만들 수 있습니다.

HTML 기본 구조 :

1.<!DOCTYPE html> : 현재 문서는 HTML표준 규칙을 따른다는 의미입니다.

다양한 브라우저에서 마크 업에 대한 일관된 화면표시가 될 수 있도록 해줍 니다.

2. 요소:

모든 html문서는 항상 이 요소 안에 마크업해야 합니다. 기본적으로 <head>와<body> 요소로 구성되어 있습니다.

3. <head>요소:

문서의 속성이나 설정을 지정합니 다.

- head에 적는 대표적 요소

a) <meta> : 문서의 설명, 키워드, 저자 등을 지정

b) <title> : 문서의 제목 지정

c) <link>: 일반적으로 외부 CSS파일 연결 시 사용

d) <script>: 주로 자바스크립트를 선언 시 사용

e) <style>: 문서 내에서 직접 스타일(CSS)을 정의

4. <body> 요소: 실제로 사용자에 보여질 화면을 마크업합니다.

<출처 : sl아카데미 홍순구 강사님 자료>