Programming/HTML_CSS

HTML

잇나우 2020. 1. 14. 22:14
반응형

HTML이란 Hyper Text Mark-up Language의 약자로 웹 페이지가 어떻게 구조화되어 있는지 브라우저로 하여금 알 수 있도록 하는 마크업 언어입니다. HTML은 elements와 tag로 구성되어있다.

tag와 elements의 차이점

일단 태그는 <>로 구성되어있다.  <p>와같이 여는태그와 </p>와 같이 닫는 태그가 있다. 여는태그와 닫는태그 안에 내용을 적게되면 그 태그의 효과를 받을 수 있습니다.

<p> 이곳에 내용이 들어갑니다. </p>
//<p>는 여는태그
//</p> 닫는태그

태그는 <p>태그와 같이 여는태그와 닫는태그로 구성되어 있는 태그도 있지만, 닫는태그가 따로 없는 태그들도 있습니다.

// 줄바꿈 태그
<br />  // 닫는 태그가 따로 존재하지 않고 >옆에 /를 붙여 태그가 끝났음을 명시적으로 표시

태그와 태그안에 내용물을 모두 합하여 Element라고 부릅니다.

<p> 이곳에 내용이 들어갑니다. </p>
// 이 전체가 하나의 Element이다.

html은 <html>로 시작하여 </html>로 끝나게 되는데 그 안에는 <head> 태그와 <body>가 존재합니다.

<!DOCTYPE html>   // DOCTYPE 선언
<html>
	<head>
		<title></title> 
	</head>				
    <body>
    </body>
</html>

 태그 안쪽에 또다른 태그가 있을시 반드시 안쪽의 태그를 닫은후 그다음 바깥쪽의 태그를 닫아야한다.

html의 태그는 대소문자를 구분하지 않는다 하지만 관행적으로 소문자를 많이 사용한다.

반응형

'Programming > HTML_CSS' 카테고리의 다른 글

name과 id, class의 차이점  (0) 2020.01.18
CSS  (0) 2020.01.15