HTML5 태그 요소 속성
- 요소: HTML 페이지를 구성하는 각 부품을 말합니다. (ex:제목, 본문, 이미지)
- 태그: 요소를 만들때 사용하는 작성 방법입니다.
- 속성: 태그에 추가 정보를 부여할때 사용 하는 것입니다.
- 자바스크립트 개발에서는 요소를 객체라고도 합니다.
- 흔히 요소와 태그를 구분하지 않고 사용한다고 합니다.
HTML 생성방법에 따른 요소 구분
- 내용을 가질수 있는 요소와 내용을 가질수 없는 요소가 있습니다.
- 내용을 가질 수 있는 요소 : <요소이름> 내용 </요소이름>
- 내용을 가질 수 없는 요소 : <요소 이름>
요소 내부 예시)
<h1 title = "header">HELLO HTML</h1>
<h1> = 시작태그, title = 속성이름, "header" = 속성 값, HELLO HTML = 내부문자, </h1> = 끝태그
HTML5 기본구조
문서의 언어를 지정 하는 속성 방법
- 문서의 언어가 한국어일 경우 <html lang="ko">
- 문서의 언어가 영어일 경우 <html lang="en">
head : 태그에 넣을 수 있는 태그들
- 웹 페이지의 메타 정보 또는 스타일 등 기타 관련 자원들을 정의하고 포함하는 데 사용합니다.
| meta | 웹페이지 추가 정보 전달 |
| title | 페이지 제목 표시 |
| script | 스크립트 추가 |
| link | 다른 파일 추가 |
| style | 스타일시트 추가 |
| base | 기본 경로 지정 |
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>페이지 제목</title>
<script src="script.js"></script>
<link rel="stylesheet" href="styles.css">
<style>
/* CSS 스타일 */
</style>
<base href="URL" target="_blank">
</head>
<body>
</body>
</html>'WEB > HTML5' 카테고리의 다른 글
| [HTML5] 문서 구조화 (div와 span) 에 대해 알아보자 (0) | 2022.12.09 |
|---|---|
| [HTML5] 간단한 입력 양식을 만들어보자 (0) | 2022.12.08 |
| [HTML5] HTML 태그들에 대해 알아보자 (0) | 2022.12.07 |
| [HTML5] HTML에 제목 ,본문, 특수문자를 표기해보자. (0) | 2022.12.07 |
| [HTML5] HTML페이지에 기본 방법으로 작성 해보자 (0) | 2022.12.06 |
