​​ #03 HTML 기본 태그명령어들 배우기

#03 HTML 기본 태그명령어들 배우기

이번 포스팅은 HTML 문서내에서 흔히 또는 필수적으로 쓰이는 기본적인 태그 명령어들을 알아보도록 하겠습니다.

 

전시간에 인터넷 문서의 기본구조에 대해서 배웠습니다.

<HTML> <HEAD> </HEAD> <BODY> </BODY> </HTML> 요렇게 배웠습니다. 그때 추가적으로 배운것이 <BR/> 줄바꿈 명령어와 <FONT COLOR="RED"> </FONT> 와 같이 글자색을 바꾸는 명령어에 대해 알아봤었습니다.

 

<BR/> 태그는 모두 같은 의미를 가진것으로 <BR> <BR />가 있는데 어떤것을 쓰더라도 상관 없습니다. 단 그럴 일은 드물지만 아주 오래된 구형 브라우저로 웹서핑을 하실 분들을 위해 구형 브라우저와의 호환성까지 염두에 두셔야 할 분이라면 <BR />태그를 쓰시라고 권해드립니다.

 

참조 페이지 : https://code.i-harness.com/ko/q/1db33a



제 블로그 HTML소스를 들여다 보면 시작부분이 다음과 같습니다. 

 

 

자 이제 기본적인 다른 태그 명령어들을 알아봅시다. 나열해보면 다음과 같습니다.

 

<p> : 문단 바꾸기

 

<meta name="description" content="내용 설명">
<meta name="keywords" content="keywords내용">
html 문장에는 표현되지 않으며 검색엔진에 우선 검색을 목적으로 사용됨

<hr> : 줄
<h> </h> : 글자크기(1~6)
<i> </i> : 이텔릭체

<em> </em> : 이텔릭체로 문장을 강조
<u> </u> : 밑줄
<b> </b> : 굵은 글씨체
<tt> </tt> : 타자치기 글자체 
<font size=숫자> </font> : 글자크기
&#숫자; / &문자; : 특수문자
type : 속성값
align : 위치지정
noshade : 음영제거

<!---(주석)----> : 주석보기 - 이 주석문은 소스페이지에만 기록되어지고 실제 페이지에는 보여지지 않습니다. 나중에 편집하기 위해 적어두어야 할 글이 있거나 저작권이나 생산자에 대한 표기를 위해서도 쓰여 집니다. 물론 실제 페이지에 출력되진 않지만 소스보기를 하면 누구나 볼 수 있으므로 보안이 필요한 사항을 실수로 주석에 적어두는 일을 조심해야 할 것입니다.



<pre> </pre> : 스페이스,탭,엔터키 반영
<xmp> </xmp> : pre와 비슷하지만 태그까지 그대로 출력
<blockquote> </blockquote> : 인용문장 구분
<address> </address> : 주소지정
<code> </code> : 프로그램 소스등을 보여줄때 사용
<cite> </cite> : 글을 인용할때(이탤릭체)
<dfn> </dfn> : 문장을 정의 할때(MSIE에서 이택릭체로 표현됨)
<menu> </menu> : 메뉴를 나타낼때

 

<samp> </samp> : sample이나 example을 적을 때

<basefont size=2> : 문서전체의 기본 폰트 크기를 지정 
 
실제로 메모장을 열어서 아무 문장이나 붙여넣기 또는 쓴다음 배운태그들을 이용해 텍스트 문서에 코드를 추가한 다음  다른이름으로 저장을 누르고 htm문서로 저장합니다.
이후 메모장에서 태그를 하나씩 추가해 가면서 문장의 외관이 어떻게 바뀌는지 새로운 코드를 추가하거나 편집한뒤 저장할때 마다 htm문서를 새로고침하여 보시면 소스코드를 이해하기 쉽습니다.

댓글

Designed by JB FACTORY