클라이언트(Client)
서버로부터 서비스나 데이터를 요청하는 컴퓨터
서버(Server)
데이터를 포함하거나 네트워크의 다른 컴퓨터에서 액세스하는 기능을 제공하는 컴퓨터
클라이언트 사이드 언어
1. HTML(Hyper Text Markup Language)
ㄴ HyperText(웹 페이지에서 다른 페이지로 이동할 수 있는 것) 기능을 가진 문서를 만드는 언어
2. CSS
3. JavaScript
세계 최초의 웹사이트
HTML 문서 만들기
- HTML 문서는 확장명을 .html로 저장
- 대소문자 구별하지 않음
- 문서를 작성할 수 있는 에디터라면 어디든지 작성이 가능
- 띄어쓰기, 줄바꿈을 구별하지 않음
- 명령어(태그) 형태로 괄호를 (예: <명령어>) 사용하여 표현
- 시작태그, 종료 태그로 구성되어 있음 (예: <명령어> ... </명령어>)
<html>
<head>
</head>
<body>
</body>
</html>웹표준
- 웹에서 표준적으로 사용되는 기술이나 규칙
- W3C가 권고한 표준안에 따라 웹사이트를 작성할 때 이용하는 HTML, CSS, JavaScript등에 대한 규정
웹접근성
- 장애인, 고령자 등이 웹사이트에서 제공하는 정보에 비장애인과 동등하게 접근하고 이해할 수 있도록 보장
에밋(emmet)
- html, xml, xsl 문서 등을 편집할 때 빠른 코딩을 위해 사용하는 플러그인
- 원래 젠코딩으로 부르다가 에밋으로 이름을 변경
vscode에서 html 사용 시 유용한 확장
Live Server
live server 설치
HTML 문서를 선택 -> Alt + L , O
가로 스크롤 없애기
파일 → 기본 설정 → 설정 → wrap 검색 → word wrap을 on으로 설정
vscode 코드 정렬
- 전체 선택: ctrl + a
- 코드 정렬: ctrl + k, f
728x90
반응형
'KDT > HTML | CSS' 카테고리의 다른 글
| 아이프레임(iframe) (0) | 2023.03.24 |
|---|---|
| 테이블 만들기 (0) | 2023.03.24 |
| 책갈피 (0) | 2023.03.24 |
| 하이퍼링크(HyperLink) (1) | 2023.03.24 |
| HTML 태그 종류 (0) | 2023.03.23 |
