html이란 무엇인가?
HTML (Hypertext Markup Language)
인터넷을 하다가 캡쳐를 하기위해 프린트스크린 키를 누른다는 것을 실수로 F12를 누른 경험이 다들 있을 것이다.
F12를 누르면 뭔가 뿅!하고 뜨더니 복잡해보이는'것'들이 눈에 들어올 것이다. 그게 html이다.
우리가 보는 웹페이지들은 사실 전부 코드로 되어있다.
HTML의 형태
'<태그></태그>'
태그란 특정한 성격을 가진 코드를 말한다.
태그에는 div, span, button, ul, li 등 종류가 다양하다.
예를들어 '<li></li>'는 어떤 목록의 리스트를 나타내는 태그이다.
HTML의 구조
<!doctype html> --->현재 문서가 HTML5로 작성된 문서임을 알려주는 선언.
<html> --->웹문서의 시작과 끝을 알려주는 태그.
<head> ---> head태그에는 문서에 실제로 표시되지는 않고 문서에 대한 정보를 선언하는 부분.
</head>
<body> ---> body태그는 실제로 웹문서에 보여지는 부분.
</body>
</html>
문서 형식 정의 (Document Type Definition, DTD)
말 그대로 문서의 형식을 기술하고 정의하는 것이다.
깊게 들어가면 복잡해지니 이렇게만 알고 있으면 될 것 같다.
브라우저 (browser)
웹문서를 표시해주는 프로그램이다.
html을 해석하여 사용자가 볼 수 있는 화면을 출력한다.
[브라우저의 종류]
1. 마이크로소프트의 인터넷익스플로러(엣지)
2. 구글의 크롬
3. 모질라의 파이어폭스
4. 오페라소프트웨어의 오페라
5. 애플의 사파리
'웹퍼블리싱 > HTML' 카테고리의 다른 글
| 특수문자 엔티티 코드(Entity code) 알아보기 (Html)(마크업)(&nbps;) (0) | 2022.09.06 |
|---|---|
| <br> 태그를 쓰면 안되는 이유? (0) | 2021.03.04 |
| pre 태그 : 텍스트를 입력한 그대로 표현 (html 소스 그대로 표시하기?) (0) | 2020.10.25 |
| img태그(이미지 적용), a태그(링크 생성) (0) | 2018.07.18 |
| br태그(줄 바꾸기), b태그(진하게), i태그(이탤릭체) (0) | 2018.07.18 |
| p태그 (paragraph tag, 문단태그) (0) | 2018.07.18 |
| hn태그 (h1 ~h6, 헤딩태그) (0) | 2018.07.16 |
