HTML_Basic
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
"" 반드시 쌍따옴표
태그(요소)는 속성을 통해
경로나 크기와 같은 추가적인 정보를 제공
요소의 시작 태그에 작성
Author And Source
이 문제에 관하여(HTML_Basic), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@shon4bw/HTMLBasic저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)