인터넷
네트워크간 연결을 위해 인터네트워크 등장.
인터넷은 인터네트워크기술중 하나.
- 서버 : 자원제공
- 클라이언트 : 자원요청
- 서버용 컴퓨터 : CPU, 메모리, 하드디스크 합수가능, 꺼지지않게 만들어짐, 파워가 2개이상
- 프로토콜 : 다양한 웹서버에 요청하고 받을 수 있도록 만든 협업 규약
- WWW : 문서를 전달하는 다양한 규약중 하나. 요즘은 www위에서 FTP,SMTP,TELNET들이 서비스된다.
-과거 웹개발 : 단순문서작업, 홈페이지 개발
-현재 웹개발: 어플리케이션플랫폼 개발, 새로운 플랫폼을 다루는것
HTML : 문서구조(항목), 마크업랭귀지
CSS : 스타일 (Cascading)
웹문서 구성요소 : 콘텐트, 구조, 스타일
Visual studio
-
비주얼 스투디오 코드 다운로드 (옵션 모두선택)
-
파일을 저장할 폴더 생성
-
폴더선택후 마우스 오른쪽 버튼누르면 '비주얼스튜디오로 열기'로 열면 폴더와 연결됨 또는 비주얼스튜디오를 먼저 열고 file -> open folder 로 연결가능
-
새로운 파일생성 -> 파일이름 입력 -> .html 입력해야 html파일생성됨
-
<b></b>와 같은 태크고 각 컨텐트를 구분한다 ->마크업
-
의미적인내용 + 단일하게 구분하는 방법을 위해 고안됨
-
태그 : 마크업 도구
-
HTML 문서기본 구조 규칙이있다.
-
!를 입력하면 하단에 emmet abbreviation이 뜨고 엔터누르면 자동완성
<!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>*<ul></ul> 순서없는 목록
*순서가 있고 없고 의 차이 : 2가 1을 해야만 하는지의 여부
'2021 Newlecture > HTML & CSS' 카테고리의 다른 글
| Block 레이아웃 / overflow / 값 할당 단위 (0) | 2021.03.08 |
|---|---|
| CSS / 선택자 / 연산자 / 엘리먼트 우선순위 (0) | 2021.03.03 |
| Button / Image / pre / CSS 그룹화 , id 적용 (0) | 2021.03.02 |
| Section, 지역화, 블록태그, 인라인태그, 테이블태그 (0) | 2021.02.26 |
| 시멘틱태그 (0) | 2021.02.26 |
| 상대경로와 절대경로 차이 /크롬 확장프로그램/ HTML 문서구조 (0) | 2021.02.23 |
| 파일구조 준비 / Visual Studio 환경변수 설정 (0) | 2021.02.22 |
| HTML / Markup language / HyperText (0) | 2021.02.22 |