본문 바로가기

Dev/HTML&CSS

[HTML] HTML 첫걸음

DOCTYPE(DTD, Document Type Definition)
  • 마크업 언어에서 문서 형식을 정의
  • DOCTYPE 이하의 내용은 HTML5버전으로 해석해서  브라우저에 출력 해달라는 의미
구조
<html>
<head>
	//정보에 해당하는 내용들을 기재
</head>
<body>
	//화면에 실질적으로 출력되는 구조
</body>
</html>

 

TITLE
  • HTML 문서의 제목을 정의
  • 웹 브라우저의 각 사이트 탭에서 이름으로 표시

 

META

HTML 문서에 관한 정보(표시 방식, 제작자(소유자), 내용, 키워드 등)을 검색엔진이나 브라우저에 제공

charset : 문자인코딩 방식
name : 검색엔진 등에 제공하기 위한 정보의 종류(메타 데이터)
content : name 이나 http-equiv 속성의 값을 제공

 

LINK

외부 문서를 연결할 때 사용(html, css, icon)

<head>
	<link rel="stylesheet" href="가지고 올 문서의 경로 설정">
	<link rel="icon" href="경로.png">
</head>

 

STYLE

css는 STYLE 태그 안에 사용해야한다

 

Script
  • 외부에 있는 파일 가져올 수 있음
  • 작성 자체를 스크립트 내부에서 실행할 수 있음

 

DIV

division의 약자로 '분할'을 뜻하고 문서의 부분이나 섹션을 정의

 

IMG

src="경로" alt="대체 텍스트"

반응형

'Dev > HTML&CSS' 카테고리의 다른 글

[HTML] meta tag  (0) 2021.04.27
[HTML] 블럭(Block) 요소, 인라인(Inline) 요소  (0) 2021.04.26
[CSS] 선언 방식  (0) 2021.04.26
[CSS] 선택자와 속성, 값  (0) 2021.04.26
[HTML] 웹 표준 검사 사이트  (0) 2021.04.21