HTML 이란?
Hyper Text Markup Languae의 약어
팀 버너스리가 개발한 웹페이지를 작성하기 위한 언어
글과 이미지를 나타낼 수 있으며, 태그(Tag)를 사용하여 웹 페이지를 디자인하는 마크업 언어(프로그래밍 언어X)
제목, 단락, 목록 등과 같은 본문을 위한 구조적 의미를 나타내는 것뿐만 아니라 링크, 인용과 그 밖의 항목으로 구조적 문서를 만들 수 있는 방법을 제공
웹 브라우저를 통해 구현된 웹 페이지를 볼 수 있음(HTML의 경우, Interpreter(In browser(브라우저))에 해당)
.html 확장자로 표시됨
* 마크업 언어 : 태그 등을 이용하여 문서나 데이터의 구조를 명시하는 언어의 한 가지
* 프로그래밍 언어 : 컴퓨터 시스템을 구동시키는 소프트웨어(프로그램)을 작성하기 위한 형식 언어
HTML 버전
1991 : HTML을 시작으로 HTML 4.0, 4.01
2000 : XHTML 1.0, 1.1, 2.0(사장됨)
(XML 사용 회사 : W3C(WWW(World Wide Web) 컨서시움), Extensible HTML, XML + HTML)
Ref. XML : 체계적이고 구조적, 환경설정 혹은 자료 전송 시 사용
Ex) Web Programming, Spring Programming
<body>
<title>뭐 먹을까</title>
<h1>12000</h1>
</body>
> 변수명 => greater than
& 변수명 => &
2012 : HTML 4.0에서 확장된 HTML5 대두, 최종버전 완성됨
(audio / video / 지도 / websocket)
버전 Flow : HTML 4.0 4.01 -> XHTML 1.0 1.1 -> HTML5
<br> <br /> <br>
<br />
Ref. 장애인 차별 금지법(장차법)... 300이상 기업에서
2000년 XHTML 같이 시작됨
- HTML은 대/소문자를 구분하지 않음
- 태그(Tag) 사용 시, 시작태그(<>) 와 종료태그(</>)가 있으므로 주의!
단, 종료태그(</>)가 없는 빈 태그도 있음
Ex) <br>
<hr>
<img>
- tab키를 활용하여 태그(Tag) 자동생성 가능
Tip 크롬에서 에러 확인 방법
페이지 실행 후
마우스 오른쪽 클릭 - 페이지 소스 보기 / 검사 => 엑스박스 확인
출처 : 위키백과
TCP School
'스터디 > HTML & CSS' 카테고리의 다른 글
HTML Tag 모음과 활용 예시3 - <input> (0) | 2021.09.07 |
---|---|
HTML Tag 모음과 활용 예시2 - <form> (0) | 2021.09.07 |
HTML Tag 모음과 활용 예시 1 (0) | 2021.09.06 |
HTML DOCTYPE 및 기본 구조 (0) | 2021.09.06 |
Tomcat 설치 및 환경설정 (0) | 2021.09.04 |
댓글