HTML 기본문서
· 웹 컨텐츠의 4대 요소
1. 텍스트 2. 이미지 3. 비디오 4. 오디오
· HTML 태그의 역할
웹 컨텐츠를 저장하는 역할을 담당한다.
· 선언문
<!doctype html> : 문서타입이 html 이라고 선언하는 문장 (html 문서 최상위에서 선언)
· 시작태그, 끝태그
시작태그 : <html> ( / 없음)
끝태그 : </html> ( / 있음)
· 요소 (Element)
시작태그 + 텍스트 + 끝태그 : 왼쪽과 같이 구성되어 있음
ex) <h1>(← 시작태그) 웹 컨텐츠의 4대 요소 (← 텍스트) </h1> (← 끝태그)
· 단일태그
끝태그가 없는 태그 (대부분 기능이 포함되어있음)
ex) <img src = "joayong.png">
<!doctype html> <!-- 선언문, 문서타입:html -->
<html> <!--시작태그--><!-- 태그 : 요소명+꺽새 -->
<head>
<title> HTML 기본문서 </title> <!-- 생략 불가, 웹브라우저 제목 표시줄에 노출됨 -->
</head>
<body>
<h1>웹 컨텐츠의 4대 요소</h1> <!-- (시작태그, 요소, 텍스트 ,끝태그) = 요소(element) -->
<P>
1. 텍스트
2. 이미지
3. 비디오
4. 오디오
</p>
<h1>HTML 태그의 역할</h1>
<P>
웹 컨텐츠를 저장하는 역할을 담당한다. <!-- 4대 요소 저장 -->
</p>
<img src = "joayong.png"> <!-- 끝태그가 없는 태그 : 단일태그 (대부분 기능이 포함되어있음) -->
</body>
</html> <!-- 끝태그 -->웹 접근성
· 웹 접근성
"모든 사용자가 신체적/환경적 조건에 관계없이 웹에 접근하여 이용할 수 있도록 보장한 것" 이다.
신체적 조건 : 일반 사용자는 물론 장애를 가진 사람, 고령자 등을 의미
환경적 조건 : 다양한 기기 (PC, Tablet, Mobile), 운영체제, 웹 브라우저 또는 저사양 디바이스 사용자나
이미지, 동영상 등을 볼 수 없는 환경을 의미
· 웹 표준
- "웹에서 표준적으로 사용되는 기술이나 규칙"을 의미
웹 접근성 수준을 향상시킬 수 있는 다양한 방법론의 중심이다.
- 구현 방법론이 변경됨
구조 (Structure)는 HTML5, 스타일/표현은 CSS3, 동작/기능은 JavaScript로 분리하여 구현
'국비지원 JAVA 풀스택 과정 > HTML+CSS3' 카테고리의 다른 글
| [HTML+CSS3] CSS3 스타일 (0) | 2022.09.22 |
|---|---|
| [HTML+CSS3] 추가 입력 양식 태그 (HTML) (2) | 2022.09.21 |
| [HTML+CSS3] 웹 컨텐츠를 담는 태그 (HTML) (2) | 2022.09.20 |
| [HTML+CSS3] 하이퍼링크 (2) | 2022.09.19 |
| [HTML+CSS3] 개발자 환경 구축 (0) | 2022.09.15 |