공부/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표기법 //미완