HTML ( Hyper Text Markup Language)
클라이언트 사이드 언어이다. 같은 클라이언트 사이드 언어로는 CSS와 JavaScript가 있다.
HyperText
(웹 페이지에서 다른 페이지로 이동할 수 있는것) 기능을 가진 문서를 만드는 언어
※클라이언트 와 서버
클라이언트 (Client) : 서버로부터 서비스나 데이터를 요청하는 컴퓨터
서버(Server) : 데이터를 포함하거나 네트워크의 다른 컴퓨터에서 엑세스하는 기능을 제공하는 컴퓨터
쉽게 생각해서 서버는 데이터를 담고 있고 클라이언트는 이 데이터를 가져다 쓰는 입장이다.
HTML 과 CSS ,JavaScript 모두 웹에서 사용하는 언어이다.
HTML 특징
-HTML 문서는 확장명을 .html로 저장
-대소문자 구별하지 않음
-문서를 작성할 수 있는 에디터라면 어디든지 작성이 가능
-띄어쓰기, 줄바꿈을 구별하지 않음
-명령어(태그) 형태로 괄호를 (예:<명령어>) 사용하여 표현
-시작태그, 종료태그로 구성되어 있음 (예:<명령어>......</명령어>)
※태그란?
HTML 문서의 모양과 행동양식을 정해주는 명령어 이름
기본 구조
<html>
<head>
</head>
<body>
</body>
</html>
웹 표준
-웹에서 표준적으로 사용되는 기술이나 규칙
-W3C가 권고한 표준안에 따라 웹사이트를 작성할 때 이용하는 HTML,CSS,JavaScript등에 대한 규정
-웹표준을 지킨다 -> 모든 브라우저에서 동일하게 적용가능.
웹접근성
장애인, 고령자 등이 웹사이트에서 제공하는 정보에 비장애인과 동등하게 접근하고 이해할 수 있도록 보장
※W3C란?
W3C는 월드 와이드 웹을 위한 표준을 개발하고 장려하는 조직
HTML의 특수 태그
< : <
> : >
띄어쓰기 :
줄바꿈 태그
<br> = </br> 둘다 사용가능
주석
<!-- --> 한줄 또는 여러줄 : 웹사이트에는 나오지 않지만 소스에선 볼 수 있다.
사용툴 : vscode
에밋(emmet)
- html , xml, xsl 문서 등을 편집할 때 빠른 코딩을 위해 사용하는 플러그인
- 원래 젠코딩으로 부르다가 에밋으로 이름을 변경
※! 에밋
html 기본세팅
vscode 환경설정
Auto rename
- 시작태그와 종료태그가 변화하면 태그를 동일하게 변경
live server 설치
HTML 문서를 선택 -> 알트 누르고 있는 상태에서 +L,O -> 실시간으로 변경사항 적용/확인가능
가로 스크롤 없애기
vscode -> 파일 ->기본설정 ->설정 ->wrap -> Word wrap 'on'으로 (창의 크기를 넘으면 자동으로 줄바꿈 해준다.)
'코딩공부 > HTML,CSS,JavaScript' 카테고리의 다른 글
| HTML_이미지 태그 (1) | 2023.03.23 |
|---|---|
| HTML_목록태그 (2) | 2023.03.23 |
| HTML_서식태그 (0) | 2023.03.23 |
| HTML_제목태그 (0) | 2023.03.23 |
| HTML_문단태그 (0) | 2023.03.23 |
