HTML5+CSS3]1-1 HTML과의 첫만남

https://www.youtube.com/user/easyspub

 

easyspub

✔HTML이란 무엇일까?

컴퓨터에서 사용하는 모든 파일에는 각각 고유의 형식이 있다.

웹 사이트에서 사용할 문서는 웹에 맞는 형식인 *.html 또는 *htm 확장자를 붙인다.

텍스트, 이미지, 링크 등 여러 요소들을 다루고 표시할수있다.

웹 문서는 문서를 작성하는 프로그램과 그 내용을 보는 프로그램이 서로 다르다.

웹 문서를 작성하는 프로그램을 웹 편집기라고 한다

웹 문서를 보는 프로그램을 웹 브라우저라고 한다.

 

✔HTML은 웹에서 자유롭게 오갈 수 있는 웹 문서를 만드는 언어이다.

하이퍼텍스트 마크업 랭귀지의 줄임말 이다.

하이퍼 텍스트 : 웹 사이트에서 링크를 클릭해 다른 문서나 사이트로 즉시 이동할 수 있는 기능

마크업 : 태그를 사용해 문서에서 어느 부분이 제목이고 본문인지, 어느 부분이 사진이고 링크인지 표시하는 것

소스에서 <꺽쇠괄호>로 묶인 분이 HTML태그이고, 태그를 붙이는것이 마크업이다.

 

✔웹 표준이란 무엇일까?

웹 사이트를 만들 때 지켜야 하는 약속들을 정리한 것

웹 표준을 지키면 일반 사용자는 장소나 브라우저 상관없이 쉽게 웹 사이트를 볼 수 있다.

웹 개발자와 디자이너들은 시간을 절약할 수 있다.

 

✔공부를 해야하는 이유는 무엇일까?

HTML 문법에 맞게 웹 문서를 작성하면 PC나 스마트폰의 웹 브라우저뿐 아니라,

가전기기, 자동차를 비롯해 시각 장애인을 위한 화면 낭독기 등 모든 기기에서 웹 문서 내용을 정확하게 파악할 수 있다.

HTML에 CSS3까지 더한다면 반응형 웹 디자인(접속하는 기기에 따라 자동으로 레이아웃이 바뀌는 사이트)가 가능하다.

HTML의 API를 사용해 모바일 운영체제와 상관없이 실행하는 웹앱을 만들 수도 있다.

사이트 제작 도구를 이용해 웹 사이트나 블로그를 만들 수 있고, 테마나 스킨을 이용하여 겉모습을 다양하게 바꿀 수 있다.