2.1 HTML 기본 용어 정리

HTML5 + CSS3 2024. 7. 4. 22:42

728x90

태그와 요소

<h1>hi html</h1>
<!-- <h1> 시작 태그 </h1> 끝 태그  -->

<br> <!-- HTMl5 표기법  -->
<br/> <!-- XHTML5 표기법  -->

어떤 표기법도 상관 없지만 대부분의 개발자분들은 XHTML 표기법을 선호

속성

<h1 title="header">hi html</h1>

<!-- <h1 title="header"> : 속성 블록 
title : 속성 이름 
header : 속성 값
hi html : 내부 문자  -->

<img src="image.png" alt="">

<!-- src : 속성 이름 
<img src="image.png" alt=""> : 속성 블록 
"image.png" : 속성 값  -->

주석

<!-- 주석 : 어떤 기능을 수행하는 코드인지 설명 -->

구조

HTML <head> 태그 안에 넣을 수 있는 태그들

<title>	문서의 제목을 정의함. 브라우저의 제목 표시줄에 표시됨.
<base>	문서 내 상대 URL의 기준이 되는 기본 URL을 설정함.
<link>	외부 리소스와의 관계를 정의함. 주로 CSS 파일을 링크할 때 사용됨.
<meta>	메타데이터를 정의함. 문서의 문자 인코딩, 저자, 뷰포트 설정 등에 사용됨.
<style>	문서 내에 CSS 스타일을 정의함.
<script>	자바스크립트 코드를 포함하거나 외부 스크립트 파일을 로드함.
<noscript>	자바스크립트를 지원하지 않는 브라우저에서 보여줄 콘텐츠를 정의함.
<link>	아이콘, 폰트 등 외부 리소스를 연결함.
<base>	모든 상대 URL에 대해 기준 URL을 설정함.
<meta>	문서의 메타데이터를 정의함. SEO, 키워드, 저자 정보 등을 포함함.
<style>	문서의 스타일 정보를 포함함.
<script>	자바스크립트를 포함하거나 링크함.
<noscript>	자바스크립트를 지원하지 않는 브라우저에서 보여질 대체 콘텐츠를 정의함.

728x90

ByteStream ByteStream