728x90
반응형
#HTML 기초
HTML이란 ?
: 태그로 구성된 비선형 문서
: 웹 표준 문서를 작성하는 양식
HTML 문서의 특징
-HTML 문서는 태그(TAG)로 구성된다.
태그 사용법
-여는태그
<태그 이름 속성1="값1" 속성2="값2">
-닫는태그
</태그이름>
-Empty태그
<태그이름 />
<x></x>
<x/>
-HTML은 head부분과 body부분으로 끝난다.
(시작 태그가 있으면 마감 태그가 있다.)
<html>
<head>
// 설정(눈에 보이지 않는 요소)
</head>
<body>
// 내용(눈에 보이는 요소)
</body>
</html>
-HTML은 태그로 이름과 복수의 속성으로 구성되어 있다.
<p style="font-size:30px">
<input type="text" name="inputVal" readonly="readonly" />
-확장자는 .htm 또는 .html이다
-결과 확인은 웹브라우저를 통해서 할 수 있다.
크로스 브라우징
: 모든 브라우저가 같은 방식(호환성)으로 표시가 되어야 한다.
렌더링
: HTML 표준에 따라 HTML 문서로부터 알맞은 화면을 생성하는 과정을 렌더링이라고 한다.
엔티티 코드
-HTML의 예약어
-HTML에서 문서를 작성할때 태그(tag)와 혼용되는 것을 방지하기 위해서 사용하는 것입니다.
-특정 문자열을 코드로 표기한 집합
| 문자 | 엔티티 |
| 공백한칸 | |
| < | < |
| > | > |
| & | & |
| " | " |
| ' | &aposl |
| @ | @ |
| ! | ! |
| # | # |
블록 요소
: 고유한 크기를 가질 수 있다.
: 줄 바꿈이 일어나는 요소
: h1~6 요소, p 요소, div
인라인 요소
: 줄 바꿈이 일어나지 않는 요소
: a, img, strong, span
728x90
반응형
'IT > HTML & CSS' 카테고리의 다른 글
| [HTML] - img 태그 오류 대체 이미지 노출 속성 onerror 문법 및 사용법 (0) | 2022.02.09 |
|---|---|
| [HTML] - 데이터(data) 속성 사용법 (0) | 2021.08.03 |
| [HTML 기초] - 4. HTML 태그 <form>, <input> 사용법 (0) | 2020.07.17 |
| [HTML 기초] - 3. HTML 태그 <table> 사용법 (4) | 2020.07.17 |
| [HTML 기초] - 2. HTML 자주 사용하는 태그 (0) | 2020.07.16 |
댓글