2.1 html의 기본 구성 요소
2.1.1 태그
- 구성 요소를 정의하는 역할
- html 문법을 이루는 가장 작은 단위
- 기본 형식은 홀화살괄호(<>) 사이에 태그명을 넣는 형태
형식
<태그명>
2.1.2 속성
- 태그에 어떤 의미나 기능을 보충하는 역할 = 옵션
- 태그 없이 단독 사용 불가
- 속성명과 속성값으로 구성
형식
<태그명 속성명 = "속성값">
2.1.3. 문법
- 태그와 속성으로 문법을 구성
- 문법은 크게 콘텐츠가 있는 문법과 없는 문법으로 구분
- 콘텐츠가 있는 문법 : 시작 태그, 콘텐츠, 종료 태그 구성
- 모든 것을 합쳐서 요소라고 함
형식
< title>My First Web Page!< /title>
- 콘텐츠가 없는 문법 : 시작 태그만 사용
2.1.4 주석
<!- -> 와 <--> 사이에 내용 작성
/
/
2.2 HTML의 기본 구조
- 예시
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE-edge">
<meta name="viewport" content="width=device-width, initial-sclae=1.0">
<title>My First Web Page!</title>
</head>
<body>
<!-- 웹 페이지에 표시할 내용을 적습니다. -->
<p>나의 첫 번째 웹 페이지</p>
</body>
</html>1) DTD : 문서형 정의
- 웹 브라우저가 처리할 html 문서가 어떤 문서 형식을 따라야 하는지 알려주는 것, html 문서 작성 시 항상 처음에 배치해야 함
2) html 태그
- html 문서의 시작과 끝 의미
3) head 태그
- html 문서에 대한 정보를 정의, 웹 브라우저에는 직접 노출되지 않음
4) title 태그
- html 문서의 제목을 지정하는데 사용
5) body 태그
- 웹 브라우저에 노출되는 내용을 작성하는 영역
/
2.3 html의 특징 파악
2.3.1 블록 요소와 인라인 요소
- hn 태그나 p 태그처럼 사용할 때마다 줄 바꿈 되는 태그 = 블록 요소
- a, span 태그처럼 공간이 부족할 때만 줄 바꿈 되는 태그 = 인라인 요소
2.3.2 부모, 자식, 형제 관계
2.3.3 줄바꿈과 들여쓰기
코드의 가독성을 높이기 위해 적절하게 사용
소프트웨어학부 3학년 / 프론트엔드 웹 개발 공부 중입니다 / iot, 임베디드 분야에도 관심 있습니다