본문 바로가기
HTML_study

HTML 스터디_day-01

by siin_Info 2022. 11. 18.

HTML은 사전상 의미는 Hyper Text Markup Language의 줄임말입니다. 

가장큰 특징은 하이퍼 텍스트-특정 요소에 링크를 만들어 클릭 했을때 다른 페이지로 이동할수 있게 해주는 기능입니다.

 

Html은 정확히는 프로그래밍 언어로 분류 되진 않는것 같습니다. 그만큼 사용하기 편하게 되어 있습니다. <Tag명> 내용 </Tag명>(<여는태그>내용<닫는 태그>)이러한 형식으로 태그로 둘러싼 형태의 문법을 사용합니다. 

예)

<!DOCTYPE html>
<html>
<head>
<title>페이지 제목</title>
</head>
<body>

<h1>제목</h1>
<p>본문 내용</p>

</body>
</html>

 

이렇케 태그와 태그로 감싸고 있는 형식으로 사용합니다 . 각 태그 마다 각각의 기능이 있습니다. 우선 가장 기본적인 태그정도만 공부하고 나머진 직접 인터넷 페이지를 만들어 보며 공부해볼려고 합니다.

 

<!DOCTYPE>은 문서의 종류를 나타냅니다. 웹브라우저가 제대로 표시 되도록 정의 해준다고 합니다.

 HTML5 문서로 정의는 <!DOCTYPE html> 로 합니다.

 

태그주로 자신의 기능을 이름으로 사용하는 경우가 있는데요.

예제에 있는 태그에 대해 간단히 알아 보겠습니다.

<head> 태그는 페이지 제목이나 사이트 연결 혹은 네이버 연결, 등록 애드센스 연동 등에 필요한 데이터 등을 적는 곳입니다. 

<title> 태그 는 HTML 페이지의 제목을 적습니다. (브라우저의 제목 표시줄이나 페이지의 탭에 표시됨)

<body> 태그는 본문 내용을 적는곳으로 중복 사용도 가능합니다. 본문을 정의하고 제목, 단락, 이미지, 하이퍼링크, 표, 목록 등과 같이 보이는 모든 내용을 담는 태그 입니다.

<h1> 태그는 큰 제목을 적습니다 <h1> 이 가장 크며 <h2> .......<h6> 숫자가 커지며 글씨 크기는 작아 집니다.

<p> 태그는 본문 내용을 삽입합니다.

 

day-01. 이 기록이 하나 하나가 모여 저를 더욱 성장시켜줄것입니다. 같이 공부하는 하루하루가 되었으면 좋겠습니다. 

 

 

 

 

 

 

 

 

 

반응형

댓글