클라이언트 사이드 언어
HTML:웹사이트의 틀을 작성하는 언어
CSS: HTML 문서를 시각적으로 만들어주는 언어
JavaScript:HTML문서의 컨텐츠 내용을 바꾸고 동적인 페이지를 만들기 위해 사용하는 프로그래밍 언어
--------------------------------------------------------
서버 사이드 언어
JSP
Spring
python
최초의 웹사이트
http://info.cern.ch/
HTML 문서 만들기
- HTML 문서는 확장명을 .html로저장
- 문서를 작성할 수 있는 에디터라면 어디든지 작성가능
- 대소문자를 구별하지 않음
- 태그 형태로 괄호를 (예: <명령어>) 사용하여 표현
- 띄어쓰기, 줄바꿈을 구별하지 않음
- 시작태그, 종료태그로 구성되어 있음(예: <명령어> 내용 </명령어>)
<html>
<head>
</head>
<body>
</body>
</html>
비주얼 스튜디오 코드
live server
알트+ L, O 누르면 됨
특수태그
(개행) :<br>
(띄어쓰기) :  
< : <
> : >
에밋(emmet)
HTML, XML, XSL 문서등을 편집할 때 빠른 코딩을 위해 사용하는 플러그인(구 젠코딩)
1_HTML의시작.html
<html>
<head>
<title>ㅎㅇ</title>
</head>
<body>
안녕
</body>
</html>
2_특수태드.html
<!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>
html특수문자를 사용합니다<br>
html 문서는 띄어쓰기, 줄바꿈을 구별하지 않습니다
<br> 태그는 줄바꿈을 보여줍니다
</body>
</html>반응형
'웹 개발 > 🖥️ HTML&CSS' 카테고리의 다른 글
| HTML&CSS | 패딩,테두리,마진,박스사이징,디스플레이,폼,상대위치,고정위치,절대위치,z-index,float,clear (0) | 2022.10.27 |
|---|---|
| HTML&CSS | 선택자,텍스트,배경 (1) | 2022.10.27 |
| HTML&CSS | CSS,스타일,선택자,상속 (0) | 2022.10.27 |
| HTML (1) | 2022.10.27 |
| HTML (0) | 2022.10.27 |
클라이언트 사이드 언어
HTML:웹사이트의 틀을 작성하는 언어
CSS: HTML 문서를 시각적으로 만들어주는 언어
JavaScript:HTML문서의 컨텐츠 내용을 바꾸고 동적인 페이지를 만들기 위해 사용하는 프로그래밍 언어
--------------------------------------------------------
서버 사이드 언어
JSP
Spring
python
최초의 웹사이트
http://info.cern.ch/
HTML 문서 만들기
- HTML 문서는 확장명을 .html로저장
- 문서를 작성할 수 있는 에디터라면 어디든지 작성가능
- 대소문자를 구별하지 않음
- 태그 형태로 괄호를 (예: <명령어>) 사용하여 표현
- 띄어쓰기, 줄바꿈을 구별하지 않음
- 시작태그, 종료태그로 구성되어 있음(예: <명령어> 내용 </명령어>)
<html>
<head>
</head>
<body>
</body>
</html>
비주얼 스튜디오 코드
live server
알트+ L, O 누르면 됨
특수태그
(개행) :<br>
(띄어쓰기) :  
< : <
> : >
에밋(emmet)
HTML, XML, XSL 문서등을 편집할 때 빠른 코딩을 위해 사용하는 플러그인(구 젠코딩)
1_HTML의시작.html
<html>
<head>
<title>ㅎㅇ</title>
</head>
<body>
안녕
</body>
</html>
2_특수태드.html
<!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>
html특수문자를 사용합니다<br>
html 문서는 띄어쓰기, 줄바꿈을 구별하지 않습니다
<br> 태그는 줄바꿈을 보여줍니다
</body>
</html>반응형
'웹 개발 > 🖥️ HTML&CSS' 카테고리의 다른 글
| HTML&CSS | 패딩,테두리,마진,박스사이징,디스플레이,폼,상대위치,고정위치,절대위치,z-index,float,clear (0) | 2022.10.27 |
|---|---|
| HTML&CSS | 선택자,텍스트,배경 (1) | 2022.10.27 |
| HTML&CSS | CSS,스타일,선택자,상속 (0) | 2022.10.27 |
| HTML (1) | 2022.10.27 |
| HTML (0) | 2022.10.27 |
