TIL HTML/CSS Chapter 2-3

finelinefe·2020년 8월 19일
0

HTML

목록 보기
1/1

1. HTML tags

기본구조

<!DOCTYPE> 
<html>
 <head>
 </head>
 <body>
 </body>
</html>

2. <!DOCTYPE>이란?

어떤 버전의 html을 사용했는지 각 브라우저에 알려준다
현재는 html5를 가장 많이 사용하고 있다

3. 그 외

<html></html> = 문서의 시작과 끝 태그

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>repl.it</title>
</head>

= 문서의 헤드 부분으로써 사이트의 제목은 title, 부가 정보와 모바일 화면용에 대한 뷰포트 등 기술적 내용이 들어간다

<body></body> = 문서의 몸통이라 생각하면 쉽다.

<h1~5> = 헤드라인 태그이며 주로 헤드태그 다음에 위치. 공통된 사이즈 텍스트는 이 태그로 묶어 한번에 처리하면 쉽다. 숫자가 커질수록 작아지지만 css로 그 크기를 임의로 조정할 수 있다.

<span> = 인라인태그라 개행이 안 된다, 텍스트를 넣는다.

<p> = 블록태그, 한 구역을 모두 차지한다. 문단의 약자

<a> = href 속성을 이용해 이동하고자 하는 주소를 넣을때 쓴다. 새창으로 열고싶으면 타겟값을 블랭크로(_blank)

<div> = 영역을 나눌때 주로 사용한다.

id

고유한 값에 사용. 남발은 지양. 중복 배제. 특수한 경우에 사용되는 디자인일 경우 사용.

0개의 댓글