2023. 5. 25. 02:25ㆍHTML&CSS
HTML이란 무엇일까?
Hyper Text Markup Language의 약자이다.
여기서 Hyper은 '최고의' 혹은 '과도한' 뜻을 가지고 있다.
=>기존의 문서보다 최고의 기능을 가진 문서라는 뜻을 가진다.
=>Tag로 이루어진 Markup Language이다. (프로그래밍 언어가 아님!!)
프로그래밍 언어보다 쉬움
HTML Tag에 관하여
HTML Tag는 다음과 같은 구조로 이루어져 있다.
<시작 태그> 컨텐츠 <종료 태그>
컨텐츠가 없는 태그는 종료 태그를 생략할 수 있음
(개행을 하는 br 태그나 가로선을 나타내는 hr 태그가 그 예시)
시작태그 안에는 속성을 표시할 수 가 있다.
(시작 태그 앞에 있는 것이 속성명, 뒤에 있는 것이 속성값이다.
HTML 문서 기본구조에 관하여
-HTML의 기본구조(실행 예시)
사실상 !를 친후 Enter을 치면 자동으로 나오기 때문에 외울 필요는 없다.
하지만, 기본구조에 관하여 알아는 보자.
<!DOCTYPE html>
현재 작성중인 문서가 어떤 버전인지 나타내는 것 (HTML 5)
<html lang="~"> ~ </html>
여기서 html 태그는 시작과 끝을 나타내는 태그이다.
lang은 속성으로, 어느 언어로 작성되는지 생각하면 된다.
이렇게 적으면 웹접근성이 좋아짐 (웹접근성 : 모든 사람이 동등하게 정보와 기능에 접근 할 수 있다.)
<head> ~ </head>
html 태그의 자식 태그이다. 웹 문서의 문서 정보를 담당한다.
head 부분에는 browser의 body 공간에는 실제로 표시되지 않는다.
<body> ~ </body>
head 태그의 자식 태그이다. 실제 웹 브라우저의 공간에 표시되는 부분이다.
<!-- 메모 내용 -->
주석을 다는 방법이다. 주석이란 실제로 결과물엔 표시되지 않고, 코드 입력하는 곳에 메모하는 용으로 쓰기 위한 것이다. C나 C++등 프로그래밍 언어에서도 다른 방법으로 쓰인다.
주석할 내용을 드래그 후 Ctrl + / 를 누르면 그 부분이 주석 처리가 된다.
'HTML&CSS' 카테고리의 다른 글
| [NO.04-3] HTML Table 태그 -표 태그 (0) | 2023.06.30 |
|---|---|
| [NO.04-2] HTML List 태그 -목록 태그 (1) | 2023.06.29 |
| [NO.04-1] HTML Font 태그 - 글꼴 태그 (0) | 2023.06.29 |
| [NO.03] Emmet에 관하여 (3) | 2023.05.28 |
| [No.01] HTML이란 무엇인가? (1) (0) | 2023.05.23 |