반응형
HTML (Hyper Text Markup Language) 는 웹페이지를 위한 표준 마크업 언어입니다.
웹사이트를 만들 수 있고 배우기도 쉽습니다.
HTML의 구조
<!DOCTYPE html>
<html>
<head>
<title> 제목 </title>
</head>
<body>
<h1 class="test"> 테스트 </h>
</body>
</html>전체적인 구조는 위와 같습니다. 아래의 한 줄만 보겠습니다.
<h1 class="test"> 테스트 </h>
요소 (Element)
- 위의 한 줄 전체가 html에서 개별적인 역할을 하기 때문에 '요소'라고 불립니다. 보통 시작태그와 종료태그로 구성된 내용을 포함한 태그 전체를 말합니다.
- 위 예시에서 요소는 <h1 class="test"> 테스트 </h>
태그 (Tag)
- 태그는 객체를 만들 때 사용됩니다.
- 시작태그 : <h1 class="test">
- 끝태그 : </h>
속성 (Attribute)
- 속성은 태그에 추가로 정보를 제공하거나 태그의 동작이나 표현을 제어하는 설정값
- 위 예시에서 속성은 class
- "test"란 속성 값을 갖고 있는 class는 h1의 속성입니다.
- 여러개의 속성을 사용할 때 : 공백으로 구분
<h1 id="testid" class="test">...</h1>내용 (Content)
- 시작태그와 끝태그 사이의 내용.
- 위 예시에서 내용은 테스트
HTML의 특징
공백 : 2칸 이상일 때 무시됩니다..
주석
- 주석은 메모의 목적일 뿐 브라우저는 해석하지 않는다.
- 주석표시 : <!-- 이 부분이 주석 -->
반응형
'웹 개발 > 웹프로그래밍' 카테고리의 다른 글
| 코드이그나이터 | 라이브러리 (0) | 2021.01.29 |
|---|---|
| 코드이그나이터 | index.php 제거 (0) | 2021.01.26 |
| CSS | 6-2. 레이아웃 Grid (0) | 2021.01.25 |
| CSS | 6-1. 레이아웃 Flex (0) | 2021.01.24 |
| CSS3 | 10. 모듈과 변형 (0) | 2020.12.29 |
| CSS | 9. 미디어 쿼리 (0) | 2020.12.26 |
| CSS | 6. 레이아웃 (0) | 2020.12.25 |
| CSS | 8. 구체성과 상속 (0) | 2020.12.24 |
댓글