728x90
1. 클라이언트(Client)
- 서버로부터 서비스나 데이터를 요청하는 컴퓨터
2. 서버(Server)
- 데이터를 포함하거나 네트워크의 다른 컴퓨터에서 액세스하는 기능을 제공하는 컴퓨터
3. 클라이언트 사이드 언어
- HTML(Hyper Text Markup Language)
- 클라이언트에서 동작하는 언어 , 웹페이지 만드는 문서
- Hyper Text (웹 페이지에서 다른 페이지로 이동할 수 있는 것 ) 기능을 가진 문서를 만드는 언어
- CSS : 간단하게 HTML을 꾸미는 용도
- JavaScript : 간단하게 실시간 동적인 부분
최초의 웹사이트 - http://info.cern.ch/
HTML 문서 만들기
- HTML 문서는 확장명을 .html로 저장
- 대소문자를 구별하지 않는다.
- 띄어쓰기, 줄바꿈을 구별하지 않는다.
- HTML은 프로그래밍이라고 하지 않고 Language라고 한다 !
- 문서를 작성할 수 있는 에디터라면 어디든지 작성이 가능하다.
- 명령어를 (태그)라고 한다.
- 명령어(태그) 형태로 괄호를 (예: <명령어>) 사용하여 표현
- 시작태그 , 종료태그로 구성되어 있다. (예: <명령어>.....</명령어>)
- 에러가 나타나지 않는다... 브라우저 판단이기때문에 브라우저 마음대로 그려준다. 내가 안틀려도 브라우저 마다 될수도 안될수도 내가 틀려도 될수도 ~ 안될수도 ~ 지 맘대로 ~
- HTML은 그냥 뼈대만 만든다 ~ 생각해하자 꾸미는건 CSS에서 진행
- 기본구성
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>
VScoed 확장
1. live server 설치
- html 문서를 선택 후 -> 알트 + L + o
- 자동 라이브로 저장하는 순간 페이지의 이미지가 바로 바로 바뀜
2. Auto Rename Teg
- 시작태그와 종료태그가 변화하는 태그를 동일하게 변경
3. Visual Studio Code 자동 줄바꿈
- 파일 -> 기본 설정 -> wrap 검색 -> Editor: Word Wrap을 on으로 수정하기
728x90
'개발 > HTML,CSS' 카테고리의 다른 글
| 2023.03.27 HTML 디스플레이 (0) | 2023.03.27 |
|---|---|
| 23.03.24 HTML의 호스팅, 닷홈, FTP (0) | 2023.03.24 |
| 23.03.24 HTML하이퍼링크, 책갈피, 테이블,아이프레임,타겟,폼,인풋,라벨, 선택상자, 텍스트상자 (1) | 2023.03.24 |
| 23.03.23 HTML 이미지태그 (3) | 2023.03.23 |
| 23.03.23 HTML 태그(특수, 문단, 제목, 서식, 목록) (0) | 2023.03.23 |
댓글