HTML 개념
HTML이란?
HTML은 Hyper Text Markup Language의 약자이다.
HTML은 웹 페이지를 만들기 위한 표준 마크업 언어입니다.
HTML 표준은 소문자 태그를 요구하지 않지만
W3C 는 HTML에서 소문자를 권장 하고 XHTML과 같은 더 엄격한 문서 유형에는 소문자를 요구 합니다.
value에 작은따옴표, 큰따옴표 둘다 사용가능
속성값에는 큰따옴표 추천
<!DOCTYPE html>선언은 이 문서가 HTML5 문서임을 정의
<html>요소는 HTML 페이지의 루트 요소
<head>요소에는 HTML 페이지에 대한 메타 정보<meta>(시스템 데이터)가 포함되어 있습니다 .
<title>요소는 HTML 페이지의 제목을 지정한다.
<body>요소는 문서의 본문을 정의하고 제목, 단락, 이미지, 하이퍼링크, 표, 목록 등과 같이 보이는 모든 내용을 담는 컨테이너입니다.
<h1>요소는 큰 제목을 정의한다.(HTML 제목은 <h1> ~ <h6>태그로 정의)
<p>요소는 단락을 정의한다.
What is an HTML Element?(html 엘리먼트란 무엇인가?)(완전중요)
엘리먼트의 정의를 정확히 이해하는 것이 중요하다.
엘리먼트(Element)는 시작태그, 콘텐츠, 종료태그를 정의한다.
HTML Element는 시작 태그에서 종료 태그까지의 모든 것을 의미한다.
<br>같은 콘텐츠가 없는 태그는 <br/> 한번에 종료태그까지 기입해주는 것이 좋다.
종료태그는 반드시 기입해주는것이 좋다.
HTML 소스 코드 보기
f12키 누르거나, 페이지 소스 보기(크롬) 누르기
HTML 속성
- 모든 HTML 요소는 속성을 가질 수 있습니다.
- 속성 은 요소에 대한 추가 정보를 제공합니다.
- 속성은 항상 시작 태그에 지정됩니다.
- 속성은 일반적으로 name="value" 와 같은 이름/값 쌍으로 제공됩니다.(속성값에는 큰따옴표 추천)
스타일 속성
style속성
색상, 글꼴, 크기 등과 같은 요소에 스타일을 추가하는 데 사용됩니다.
언어속성
lang속성은 <html>웹 페이지의 언어를 선언합니다.
(중요)
엘리먼트 접근할 때
class는 . 점 (중복가능)
id 는 # (중복 불가능)
html 주석
<!-- --> 를 기입한다.
html 색상 값
RGB 형식
ex) RGB(255, 99, 71)
HEX 형식
ex) #ff6347
HSL 형식 (색상, 채도, 명도)
ex) hsl(0, 100%, 50%)
html 파일경로
왠만하면 상대경로를 사용하는 것이 좋다.
상대 파일 경로를 사용하면 웹 페이지가 현재 기본 url에 바인딩 되지 않아 (시간 단축)
모든 링크는 자신의 컴퓨터(localhost)와 현재 공개 도메인 및 향후 공개 도메인에서 작동된다
<meta>
시스템 데이터라고 생각하자
일반적으로 문자 집합, 페이지 설명, 키워드, 문서 작성자 및 뷰포트 설정을 지정하는 데 사용됩니다.
유니코드 설정
<meta charset="UTF-8">
뷰포트 설정
웹사이트가 모든 기기에서 잘 보이도록 표시 영역 설정
<meta name="viewport" content="width=device-width, initial-scale=1.0">
페이지의 크기와 배율을 제어하는 방법에 대한 브라우저 지침을 제공
width=device-width부분은 장치의 화면 너비를 따르도록 페이지 너비를 설정
initial-scale=1.0부분은 페이지가 브라우저에 의해 처음 로드될 때 초기 확대/축소 수준을 설정
엔티티
HTML의 예약 문자는 문자 엔티티로 대체한다.
대표적으로 <, >,  를 많이 쓴다.
