FrontEnd/쉽게 배우는 HTML5& CSS3 그리고 JavaScript
Chapter03 - 문서를 구조화하는 HTML
sweetseonah1004
2024. 8. 5. 18:49
Section01. HTML 개요 및 기본 태그
HTML
· 마크업 언어로 웹 문서를 작성하며, 태그를 사용해서 문서의구조 등을 기술하는 언어이다.
· HTML 태그 이름은 <>으로 둘러싸서 표현한다.
· 태그는 일반적으로 시작 태그 <태그명>와 종료태그 </태그명> 한 쌍으로 기술되며 <br>같은 단독 택그도 있다.
· html 문서는 웹 브라우저에서 실행되며, html 문서가 웹 브라우저에서 실행될 때는 화면에 태그 이름은 실행되지 않고 내용 부분만 표시된다.
class
태그에 적용할 스타일의 이름을 지정 ex) <div class="클래스 명">
dir
내용의 텍스트 방향을 지정
왼쪽에서 오른쪽으로(ltr)이 기본 값이며, 오른쪽에서 왼쪽으로(rtl) 등으로 표현된다.
(왼쪽 맞춤, 오른쪽 맞춤)
ex) <p dir="rtl">
id
태그에 유일한 id를 부여함.
자바스크립트 제어에서 주로 사용한다.
ex) <div id="아이디명">
style
인라인 스타일시트를 적용하기 위해 사용
ex) <p style="coloor: 색깔; text-align: 정렬종류"> 인라인 종류</p>
<html></html>
해당 태그 사이에 html 문서를 작성한다
<head></head>
해당 태그 사이에 인코딩, 키워드, 뷰보트 등의 문서에 대한 정보를 작성하는 부분으로 이 정보는 메타 데이터로 표현된다.
html 메타데이터는 실행 시 화면에 표시 되지 않는다.