[html 기초태그] html 기본배우기

HTML & WEB

by 어뮤징 라이프 2017. 2. 1. 14:57

html 기초태그 배우기

안녕하세요. html 처음 시작하셨나요??

아직 아무것도 모르신다고요??

그럼, html 기초 태그 배우기부터 시작해보세요.

처음에는 이게 무슨 말인가..하지만 잘 들여다보면 참 재밌습니다!

그럼, html 태그에 대하여 설명드리겠습니다.

---------------------------------------------------------------------------

html이란?

인터넷상에서 표현하기 위한 언어이다.

이를 기반으로 화면에 글씨와 그림을 보여주는 것이 웹 브라우저다.

태그(tag)란?

"<" 기호와 ">" 기호로 둘러싸인 일종의 꼬리표.

시작 태그와 종료 태그 두 종류의 태그가 있다.

<html></html>

<html>태그는 html 문서 시작을 나타내고 </html>은 문서 마지막을 나타낸다.

<head> </head>

<head>는 문서의 정보를 담는 태그이다.

<body> </body>

문서의 본문을 나타낸다. 각종 텍스트나 이미지 등 나타내기를 원하는 내용을 담는다.

<title>

<head>태그의 하위태그이며

웹페이지의 제목을 뜻한다.

<meta>

홈페이지에 대한 정보를 기록하는 데 사용된다.

홈페이지에 대한 설명, 키워드, 만든 사람 등의 정보를 기록하며 검색엔진에 정보를 제공하는 역할을 한다.

<p></p>

문단 태그를 뜻한다.

태그입력 시 단란과 단락을 구분을 지어 주는 역할을 한다.

<div></div>

문단 태그를 뜻한다.

<p>와 다른 점은 <p>태그는 문단 사이에 줄 띄움이 존재하지만, <div>태그의 경우 줄 띄움 없이 구분만을 한다.

<br>

줄 바꿈 태그로 </br> 형태로 끝맺음을 해주지 않아도 된다.

&nbsp

한 칸 띄우기 태그이다. 스페이스 바 키를 입력하는 것과 동일하다.

<center> </center>

태그 안에 포함된 문장 및 문단들이 가운데 정렬로 표현된다.

잠깐!! 그럼 오른쪽 정렬은 <right>인가요??

NO!! 문단은 기본적으로 왼쪽 정렬이기 때문에 태그를 입력하지 않으면 자동으로 왼쪽 정렬이 됩니다.

텍스트를 오른쪽으로 정렬을 원할 경우

이미지를 오른쪽으로 정렬을 원할 경우

저작자표시 비영리 변경금지