본문 바로가기

프로그래밍 언어/HTML

[HTML] HTML





HTML


HTML(Hyper Text Markup Language)란 비순차적으로 웹 문서를 표시할 수 있도록 작성된 언어로, 웹 사이트를 만들기 위해서는 HTML이라는 언어를 사용해야 한다. ASCII 문자로 구성되었고 이 언어는 웹 브라우저에서 해석이 가능하므로 별도의 컴파일러가 필요 없다. 




Hyper Text


텍스트는 상대방에게 의미를 전달하는 것을 목적으로 하는 데이터로, 숫자, 문자, 기호 등으로 표현한다. 텍스트에 접근하는 방법은 순차적이다. 책으로 예를 들면, 목차에서 원하는 정보가 있는 페이지를 찾고 그 페이지로 넘긴 후 위에서부터 읽으며 원하는 정보를 찾는다. 


하지만 하이퍼텍스트는 아니다. 원하는 정보를 찾아 다른 페이지로 이동, 또는 같은 페이지 내의 다른 데이터로 이동하는 것이 하이퍼텍스트이다.



Markup Language 


마크업 언어는 태그 등을 이용하여 문서의 형식을 지정하는 명령문이다. 구분없이 나열되어 있는 정보는 쉽게 알아보기 어렵지만, 이름, 나이, 사는 곳 등으로 구분해서 정리하면 훨씬 보기 편하다. 이처럼 마크업 언어를 통해 구조적으로 표현이 가능하다.


https://brunch.co.kr/@coveryou/14  <-  설명이 잘 되어 있다.




Elements


페이지 안에서 구조와 컨텐츠를 포함하는 객체를 정의하기 위한 지명자이다.

<h1>요소개념</h1>   <-  이 덩어리를 가리켜 h1 요소라고 한다.



Tags


페이지 안에서 시작과 끝을 마크업 해주는 성분이라고 하며, 명령어의 역할을 한다. 보통 시작 태그 <>와 끝 태그 </> 가 대칭을 이룬다. 태그에는 일반 태그와 빈 태그가 있다.


일반 태그


- normal element

- 내용이 있는 태그

- 열기 태그와 닫기 태그가 있는 형식


빈 태그


- void element

- 내용이 없는 태그

- 닫는 태그가 없는 형식


<h1>태그개념</h1>   <-  <h1>, </h1>를 태그라고 한다.



Attributes


엘리먼트에 추가적으로 주어지는 속성으로, 여는 태그 안에 들어있는 글자이다. 태그에 속성을 주면 명령을 구체화할 수 있다. 속성은 이름="값" 형식으로 쓰인다.