HTML_Basic

5580 단어 html csshtml css

HTML

: Hyper Text Markup Language의 약자
웹페이지를 작성하기 위한 구조를 잡기 위한 언어
즉, 웹 컨텐츠의 의미구조를 정의

마크다운 언어는 들어봤어도 마크업?

  • 태그 등을 이용하여 문서나 데이터의 구조를 명시하는 언어
  • 프로그래밍 언어와는 다르게 단순하게 데이터를 표현하기만 함

HTML 기본구조

(vscode에서 html 파일 생성한 후, 느낌표 Tab하면 자동 출력)

<!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>

html

<html lang="en">
: HTML문서의 최상위 요소, 문서의 root
: <head><body>로 구분됨

head

<head></head>
: title, meta charset="UTF-8" 등 해당 문서 정보를 담고 있음
: 브라우저에 나타나지 X

body

브라우저에 나타나는 '실제 내용'

HTML 요소

<h1>카페 목록</h1>

1) 시작 태그와 종료 태그
태그(요소, element)는 내용을 감싸,
그 컨텐츠의 성격와 의미를 정의

2) 내용

단, 내용이 없는 태그도 있다.
ex) meta, br, hr, img, link, input

HTML 속성

<태그 속성="">content to be modified by the tag</태그>
<a href="https://velog.io/@shon4bw"></a>

= 사이에 띄어쓰기 X
"" 반드시 쌍따옴표

태그(요소)는 속성을 통해
경로나 크기와 같은 추가적인 정보를 제공
요소의 시작 태그에 작성

좋은 웹페이지 즐겨찾기