👩🏼💻 HTML (HyperText Markup Language)
-
HTML은 브라우저에서 실행하여 해당 결과를 볼 수 있다.
(HTML, CSS, JavaScript 프로그램 제작 및 인터피리팅, 디버깅, 실행 : 브라우저에서 처리, 즉, 브라우저 자체가 실행프로그램)
(JAVA 프로그램 제작 및 컴파일, 디버깅, 실행 : JDK에서 처리 (출력결과는 CMD, Eclipse, ...) => 자바파일의 실행프로그램은 JDK) -
웹 브라우저에 표시되는 글과 이미지 등의 다양한 콘텐츠를 표시하기 위해 마크업을 사용
-
표준 브라우저(w3.org) : 크롬, 인터넷익스플로러(IE), 에지(Edge), 파이어폭스, 오페라, 사파리
-
확장자 :
.html -
파일명 : 첫 글자 숫자 X, 특수기호는 가급적 _ 만 사용
-
파일/코드 인코딩 :
UTF-8 -
html파일의 다른 명칭 : (웹) 문서(파일) / (웹) 사이트 / (홈)페이지
👩🏼💻 HTML 태그
-
요소(element)란? 시작 태그와 종료태그로 이루어진 모든 명령어
-
HTML 요소는 태그를 사용해 문서의 다른 텍스트와 구분
-
모든 태그는 <, > (bracket) 기호 사용
-
HTML 문법에서 대부분의 요소들은 시작태그와 종료태그로 구성
<시작태그>요소내용</종료태그> -
<br>과 같이 내용과 종료태그가 없는 요소들이 있는데, 이 요소들을 빈 요소(empty element)라고 한다. -
태그 안의 요소 이름은 대소문자 구분 X
<title> = <Title> = <TITLE>
👩🏼💻 HTML 기본코드
<!DOCTYPE html> <!--html5 DTD(Document Type Definition,
문서 타입 정의)-->
<html lang="ko">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<!--본문 코드 작성-->
</body>
</html><html lang="ko">
문서가 어떤 언어로 작성되었는가를 나타내기 위함
- 웹 접근성 : lang 속성에 명시된 값을 통해 스크린 리더가 인식
- 검색 : 구글 등에 언어검색이 한국어로 설정되어있으면 필터링, lang=ko인 문서를 우선으로 검색
