공부/HTML

1) HTML 기본용어

구름은 2023. 12. 29. 20:39

1. 태그 Tag

요소를 만들 때 사용하는 작성 방법.

 

2. 요소 Element

HTML 페이지를 구성하는 각 부품을 요소( Element ).

 

요소 구분

요소 구분 형태
내용을 가질 수 있는 요소 <요소 이름>내용</요소이름> <h1>Hello HTML5</h1>
<p>Hello World</p>
<audio></audio>
내용을 가질 수 없는 요소 <요소이름> <img>
<br>
<hr>

<표 1-1>

HTML의 요소들은 [표1-1]과 같이 내용을 가질 수 있는 요소와 내용을 가질 수 없는 요소로 구분할 수 있습니다.

내용을 가질 수 있는 요소에서 내용은 텍스트가 될 수도 있고, 다른 요소가 될 수도 있습니다.

 

내용 구분 요소
텍스트인 경우 <h1>Hello HTML5</h1>
<p>Hello Wolrd</p>
다른 태그인 경우 <div>
         <h1>Hello HTML5</h1>
         <p>Hello World</p>
</div>
내용을 입력하지 않은 경우 <div></div>
<audio></audio>

내용을 가질 수 있는 요소를 생성할 때, 앞에 붙이는 태그를 시작태그.

뒤에 붙이는 태그를 끝태그라고 합니다.

 

 

 

3. 속성 Attribute

속성은 태그에 추가 정보를 부여할 때 사용하는 것입니다.

 

 

 

4. 주석 Comment

프로그램이 커지면 자기가 작성한 코드도 무슨 목적으로 작성했는지 알아보기가 힘듭니다.

따라서 어떤 기능을 하는 코드인지 설명을 기록할 수 있는 방법이 필요합니다.

프로그래밍 언어에서 프로그래밍 실행에 영향을 미치지 않고 설명용으로 사용하는 코드를 주석이라고 합니다.

HTML은 그림[1-3]과 같은 방법으로 주석을 처리합니다.

보통 주석을 얼마나 잘 황용하는지로 프로그래밍 실력을 평가하기도 합니다.

 

 

번외) HTML 표기법과 XTML표기법

내용을 가질 수 없는 요소는 HTML 표기법으로도 생성할 수 있고, XTML표기법으로도 생성할 수 있습니다.

자세한 사항은 XTML표기법 //미완