🟣 HTML
Hypertext Markup Language의 약자
웹페이지의 콘텐츠를 정의하기 위해 사용하는 언어
- Hypertext : 하이퍼링크를 통해 어떤 문서에 다른문서로 접근가능한 텍스트
- Markup : (콘텐츠를) 표시
- Language : (컴퓨터) 언어
🟣 태그
다양한 구성 요소를 정의하는 역할
HTML 문법을 이루는 가장 작은 단위
홉화살괄호(<>) 사이에 태그명을 넣는 형태
<태그명>🟣 속성
태그에 어떤 의만 기능을 보충하는 역할, 옵션이라고 생각하면 됨
속성은 사용을 해도 되고 안 해도 되고, 여러 개 사용 가능
태그 없이 단독으로 사용 X
<태그명 속성명 = "속성값">속성을 사용시 속성명은 따옴표없이 작성
속성값은 큰따옴표("속성값") 안에 작성
속성값이 여러 개인 경우 하나의 큰따옴표 안에 쉼표(,)로 구분
<태그명 속성명 = "속성값1, 속성값2, 속성값3, …">🟣 주석
주석은 웹 브라우저에 따로 표시되지는 않음
코드에 메모나 설명을 남기고 싶을때 사용
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- 메모나 설명을 남기고 싶을때는 주석 -->
<title> HTML 기본 구성 요소 공부 중 </title>
</head>
<body>
</body>
</html>
◽ 주석 단축키가 있지만 프로그램마다 단축키가 다름
🟣 문법
HTML은 태그와 속성으로 문법을 구성
문법은 콘텐츠(content)가 있는 문법과 없는 문법으로 나눔
- 콘텐츠가 있는 문법
<title> 오늘은 HTML 기본 구성요소 공부 중 </title>앞에 넣은 태그 <title> 은 시작태그, 뒤에 넣은 태그 </title> 은 종료태그
오늘은 HTML 기본 구성요소 공부 중 은 콘텐츠
시작태그와 종료태그, 콘텐츠를 합쳐서 요소라고 함
- 콘텐츠가 없는 문법
<br>앞뒤로 감싸야 할 콘텐츠가 없으므로 시작태그만 사용
내용이 비어 있다는 의미로 빈태그 라고 함
콘텐츠가 없는 문법은 시작태그가 곧 요소이기 때문에 <br>요소 라고 할 수 있음
공부 중. !!! !