상세 컨텐츠

본문 제목

[html 명령어] 줄바꿈태그, 배경색지정태그

HTML & WEB

by 어뮤징 라이프 2017. 2. 3. 13:08

본문

반응형



HTML 명령어

HTML은 인터넷상에서 표현하기 언어이며
이를 해석하여 화면에 글씨와 그림을 보여주는 것이 웹 브라우저입니다.

HTML 명령어는 태그(TAG)라고 하며 "<>" 형태로 되어있습니다.
일반적으로 "<>"~"</>"와 같은 형태로 시작과 끝을 표시합니다.

명령문의 대소문자를 구분하지 않고 문서의 시작은 <html>로 시작하여 </html>로 끝납니다.
서문에는 <head>~</head>로 표시하고 본문에는 <body>~</body>로 표시합니다.

지난번 포스팅에서 기초 명령어(태그)를 알려드렸고


이번에는 HTML 줄바꿈태그, 배경색지정태그를 포스팅하도록 하겠습니다!


HTML줄바꿈

<p></p>
문단 태그를 뜻한다.
태그입력 시 단란과 단락을 구분을 지어 주는 역할을 합니다.

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

<PRE> </PRE> 여백이나 줄간격 등을 고정해 주는 역할을 합니다.


3가지 태그의 차이점은??
<P> : "문단이 끝났다"를 알려주는 용도입니다. 줄바꿈을 나타내지만 줄띄움을 명령하지 않습니다.
<BR> : 문단이 종료되고 다음 문단 시작 사이에 줄띄움을 나타냅니다.
<PRE> : <PRE>~</PRE>사이에 문단을 입력하는 대로 표시합니다. 
즉 띄움 태그 없이 일반 스페이스바나 엔터키로 표시하는 "그대로" 나타납니다.


문서에 배경색 지정

배경색 지정 태그 : <body bgcolor="색상">

<HTML>
<HEAD>
<TITLE> 배경색 지정하기 </TITLE>
</HEAD>
<BODY BGCOLOR="ffd9dd">
분홍분홍 분홍이
</BODY>
</HTML>

위와 같이 본문에 배경색 지정태그를 입력해줍니다.

HTML명령어는 메모장, 에디터 플러스, 나모웹에디터, 드름위버 등에서 작업 가능합니다. 
저는 메모장에 입력하고 파일 이름을 분홍이.HTML 이렇게 저장하였습니다.
그럼 열어볼까요?? 웹 브라우저에서 아래와 같이 표현되었습니다.



HTML소스를 만들 때 색상코드표를 사용하여 작업하면 편리합니다.
또는 포토샵에서 원하는 컬러를 찾고 #다음에 숫자를 입력하시면 됩니다.

HTML강좌는 다음에도 이어집니다.^^



반응형

관련글 더보기