HTML 이란
HTML은 'Hyper Text Markup Language'의 약자로 웹 문서의 구조를 정의할 때 사용.
제목, 본문, 목록, 링크, 이미지 등의 다양한 콘텐츠를 의미있게 마크업하는 프로그래밍 언어이다.
HTML 파일에는 기본적으로 '<'와'>로 둘러쌓인 태그로 명령을 한다.
예를 들어
<a href="http://go-yuu-ni.tistory.com/">가여니 티스토리</a>는 a라는 하이퍼링크 태그에 href(하이퍼링크)라는 속성을 사용하여 "http://~" 안에 값을 넣어 링크할 장소를 나타낸다. 태그는 여는 태그 <a>와 닫는 태구</a>를 사용한다.
HTML은 시대가 변하면서 버전 또한 업그레이드 되었는데 그 중 지금 배우는 것이 바로
HTML5 이다. HTML5는 특정 플러그인에 의존하지 않고 콘텐츠를 제공하는 것을 목표로 한다.
일단 html파일을 생성시키면
라고 뜬다.
<!DOCTYPE HTML>
- 웹 브라우저가 현재 웹 페이지가 HTML5 문서임을 인식하게 만들어 준다.
- 페이지가 작성된 HTML 버전에 대해 웹 브라우저에 지시하는 것이다,
- 선언은 대소문자 구분 없다.
- 단, 문서의 제일 첫 문장으로 위치해야한다.***
<html lang="ko">
- lang(language) 속성은 요소 내용의 언어를 지정한다.
- 기본적으론 "en"(영어)로 설정되어있고 vscode로 돌릴때 깨지는 일이 많지 않아서 굳이 크게 신경쓰지 않아도 되는 부분같다.
<title> 태그
title 태그는 웹문서의 제목을 선언하려고 할 때 사용하며 문서마다 유일한 내용으로 구성해야한다.
시각 장애인의 경우에는 음성 브라우저를 이용하여 콘텐츠를 탐색하기 때문에
title 요소는 문서를 구별할 수 있는 첫번째 관문인 것이다.
|
- 모든 html문서에 필요하며 문서의 제목을 정의한다.
-브라우저 툴바에 제목을 정의한다.
-즐겨찾기에 추가될 때 페이지 제목을 제공한다.
-검색 엔진 결과에 페이지 제목을 표시한다.
-오직 한번만 사용한다**
|
즉, 내가 <head> 태그 안에 <title> 태그를 사용해서 문서 제목을 기입하면
↓
웹문서 페이지에 그대로 표시되는 것이다.
간혹 페이지 제목을 안정하고 제목없음으로 지정하는 경우도 있는데 실습 때 그러지 않도록 주의하자..!
[20/03/13(금)-2일차]
/* 웹프로그래머라면 알아야할 웹접근성지침에 대하여 */
읽어보기
웹접근성 연구소
www.wah.or.kr:444
널리 : Sharing is Victory! : NULI
Nuli.navercorp.com
전에는 몰랐지만 홈페이지를 만드는데도 여러 지침 사항이 있다. 법적으로 정해져 있고 이를 어기실엔 처벌을 받기도 한다. 특히 관공서 홈페이지 같은 경우 규제가 더욱 심한데 이유는 간단하다. 누구나 이용가능한 홈페이지여야하니깐 말이다. 청각장애인 분들이나 시각장애인 분들도 홈페이지를 불편없이 이용가능하게 하기 위한 것이다.
웹프로그래머라면 당연히 알고있어야하는 웹접근성 규정에 대해 코딩을 좀 더 공부한 뒤(지금은 봐도 그렇구나..하는 정도니까ㅜ) 포스팅으로 올릴예정이다.
'web > HTML&CSS' 카테고리의 다른 글
| HTML에 구글 웹 폰트/웹 아이콘 사용하기. (0) | 2020.03.27 |
|---|---|
| [CSS]transform(3D변형)효과 주기 (0) | 2020.03.27 |
| HTML5의 시멘틱태그, 그 외 태그들 (0) | 2020.03.26 |
| [CSS]표 병합엔 border-collapse, 스크롤 생성할 땐 overflow (0) | 2020.03.20 |
| HTML 태그: 기본태그/table 태그 (0) | 2020.03.17 |
댓글