Day 1_VSCODE_HTML 기초
2023. 3. 23. 14:33ㆍHTML
✔개념
클라이언트(Client)
서버로부터 서비스나 데이터를 요청하는 컴퓨터
서버(Server)
데이터를 포함하거나, 네트워크의 다른 컴퓨터에서 엑세스 기능을 제공하는 컴퓨터
- 클라이언트 사이드 언어
HTML: 클라이언드에서 동작하는 언어
(Hyper Text Markup Language)
HyperText(웹 페이지에서 다른 페이지로 이동 할 수 있는 것)기능을 가진 문서를 만드는 언어
비슷한 언어 : CSS,Javasript
CSS- html을 보안에서 디자인적으로 보완
Javasript는 웹페이지 수정 변경 및 다이나믹 효과 제공
✔HTML 문서 특징
- 확장명이 .html로 저장된다.
- 대소문자를 구별하지 않음
- 프로그래밍 언어가 아님
- 문서를 작성할 수 있는 에디터라면 어디서든지 작성 가능
- 띄어쓰기, 줄바꿈을 구별하지 않음
- HTML명령어(태그) 형태로 괄호를(예: <명령어>)
- 시작태그/종료태그로 구성되어 있음 (예: <명령어>... </명령어>)
1. 안녕 하세요
2. 안녕 하세요
3. 안녕
하세요
-결과는 동일 !
<html>
<head>
</head>
<body>
</body>
</html>
head: 타이틀 정보를 적는 곳 (속성 및 제목)
body: 실제로 화면에 나가는 곳
✔웹표준
-웹에서 표준적으로 사용되는 기술이나 규칙
-W3C가 권고한 표준안에 따라 웹사이트를 작성할 때 이용하는 HTML,CSS,Javasript 등 에 관련한 규정
✔웹접근성
장애인, 고령자 등이 웹 사이트에서 제공하는 정보의 비장애인과 동등하게 접근하고 이해할 수 있도록 보장
✔편의 기능
✔extension
live server
변경된 html 코드를 alt + L + O로 바로 킬수 있다.
auto rename
-시작태그와 종료태그가 변화하면 동기화 해줌
사용법: html문서를 선택 -> Alt을 누르고, L + O키 입력
코드 편집시 바로 적용
✔vscode
코드정렬
1.ctrl + a 전체선택
2.ctrl + k + f
가로 스크롤 없애기
파일 -> 기본설정 -> 설정 -> wrarp 검색 -> editor word wrap On으로 변경
728x90
'HTML' 카테고리의 다른 글
| Day2_VSCODE_HTML 폼 태그 + 라벨 태그 + 버튼 태그 + 선택 상자 태그 (2) | 2023.03.27 |
|---|---|
| Day2_VSCODE_HTML input 태그 (0) | 2023.03.27 |
| Day2_VSCODE_HTML 하이퍼 링크 + 책갈피 + 테이블 태그 (0) | 2023.03.27 |
| Day1_VSCODE_HTML 이미지 확장자 + 이미지 태그 (0) | 2023.03.23 |
| Day1_VSCODE_HTML 태그 (0) | 2023.03.23 |