The Debugging Chronicles : "코드의 미학"
Chapter03 - 문서를 구조화하는 HTML 본문
FrontEnd/쉽게 배우는 HTML5& CSS3 그리고 JavaScript
Chapter03 - 문서를 구조화하는 HTML
sweetseonah1004 2024. 8. 5. 18:49Section01. 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 메타데이터는 실행 시 화면에 표시 되지 않는다.
Section02. HTML 문서 구조 및 주요 태그
'FrontEnd > 쉽게 배우는 HTML5& CSS3 그리고 JavaScript' 카테고리의 다른 글
| chaper7. 뭔가 만들어 보죠! (반응형 웹 사이트 만들기) (0) | 2024.09.02 |
|---|---|
| chapter6. 애니메이션을 만드는 캔버스(Canvas) (0) | 2024.08.29 |
| Chapter5.동작을 처리하는 자바스크립트와 제이쿼리 라이브러리 (0) | 2024.08.28 |
| chapter4. 태그를 표현하는 CSS와 advanced CSS(css3) (0) | 2024.08.06 |
| Chapter01 - HTML5, CSS3, 자바스크립트의 개요 (0) | 2024.08.05 |