[HTML] 기본 문법

---

1.요소

시작 태그와 종료 태그사이에 콘탠츠로 구성된다.

<p>hi</p>

 

 

1-1.빈요소

content를 가지지않는 요소를 의미한다.
content를 가지지않고 Attribute만을 가질수있다.

 

<br>

• 텍스트 내에 줄바꿈을 삽입할 때 사용

 

<hr>

• 수평선을 삽입하여 콘텐츠를 구분할 때 사용

 

<img>

• 웹페이지에 이미지를 삽입할 때 사용
• src 속성을 통해 이미지 파일의 경로
• alt 속성은 이미지가 로드되지 않을 때 표시될 텍스트를 정의

 

 

<input>

• 사용자 입력을 받을 수 있는 다양한 형식의 컨트롤을 제공할 때 사용
• 텍스트 필드, 체크박스, 라디오 버튼, 파일 선택, 제출 버튼 등 여러 타입의 입력 요소를 생성
• type 속성을 통해 입력 유형을 지정

 

 

<link>

• 외부 리소스를 연결할 때 사용
• 타일시트, 아이콘, 기타 외부 파일을 HTML 문서에 연결
• rel, href, type 등의 속성을 가짐

 

 

<meta>

• 문서의 메타데이터를 정의
• 문서의 charset, viewport 설정, SEO 관련 정보 등 다양한 메타데이터를 포함

 

 

 

 

2.속성(Attribute)

요소의 성질, 특징을 정의
속성은시작 태그에 위치해야 하며 이름과 값의 쌍을 이룬다

 

 

 

2-1.HTML Global Attribute

모든 HTML 요소가 공통으로 사용할 수 있는 속성이다.

https://www.w3.org/TR/2010/WD-html-markup-20101019/global-attributes.html

id	유일한 식별자를 지정
class	class를 요소에 지정
hidden	브라우저에 노출되지 않게 된다.
lang	지정된 요소의 언어를 지정한다.
style	인라인 스타일을 지정한다.
tabindex	사용자가 키보드로 페이지를 내비게이션 시 이동 순서를 지정한다.
title	제목을 지정한다.

 

 

 

3.주석

<!--주석-->

 

 

 

 

 

 

 

 

 

 

---

🎈참고자료

https://poiemaweb.com/html5-syntax