HTML 개론
- HTML의 사용 목적 설명: 비선형 무한확장 (순서대로 갈 필요 없이 중간에 링크타고 가기 가능)
- HTML의 특성
1. 마크업 언어- 태그 TAG
<p> </p> - 인터프리터 방식
- 태그 TAG
컴파일러 / 인터프리터?
-
컴파일러: 처음부터 끝까지 다 읽고 잘못된 점 파악. 엄격한 언어에 사용
인터프리터형 언어: 일단 보여줘야 한다. 첫 줄이라도 우선 전달. -
관대한 언어 / 철저한 언어 각각의 장단점
| 컴파일러 | 인터프리터 | |
|---|---|---|
| 개발편의성 | 낮음 | 높음 |
| 실행속도 | 빠름 | 느림 |
| 보안 | 프로그램의 코드 유출되지 않음. | 유출가능 |
| 파일 용량 | 실행 파일 전체를 전송해야 해서 용량이 큼. | 코드만 전송하면 실행되므로 용량이 작음 |
| 프로그래밍 언어 | c,c++처럼 비교적 저수준에 가까운 언어 | Python, Ruby처럼 비교적 고수준에 가까운 언어 |
-
공식문서 https://developer.mozilla.org/ko/docs/Learn/HTML/Introduction_to_HTML/Getting_started
-
VS code 라이브 서버 단축키
alt+L+O 켜기
alt L C끄기
HTML 구조 설명
- HTML5 문서는 반드시 으로 시작하여 문서 형식을 HTML5로 지정
- 실제적인 HTML 문서는 2번째 행부터 시작,
<html>과 </html>사이에 작성 <head>와 </head>사이에는<body> 태그의 정보를 읽어 들이기 위한 정보가 존재(제목, 저장 방식, 브라우저의 크기 등등)- 웹 브라우저에 출력되는 모든 요소는
<body>와 </body> 사이에 위치한다.
<HEAD>태그
- 메타 데이터(데이터를 위한 데이터)를 포함하기 위한 태그
- 웹 페이지에 유일하게 존재
- HTML 문서의 title, style, link, script, meta 에 대한 데이터로 화면에 표시되지 않음
Title : HTML 문서의 제목
Style : HTML 문서의 Style 정보 정의
Link : 외부 리소스와의 연결 정보를 정의(CSS 파일 연계에 사용)
Script : Javascript 를 정의
Meta : 페이지 설명, 키워드, 저자, 화면 크기 등의 정보. 주로 브라우저 또는 검색 엔진에서 사용
<body>태그
HTML 문서의 내용을 담는 태그
웹페이지를 구성하는 대부분의 요소가 body 태그 내에 기술
천방지축😛 얼레벌레🙄 빙글빙글🙃 돌아가는 수지의 코드~🎵