HTML TAG 연습장

나의 이야기 | 2010.08.20 15:58 | Posted by 덴탈아이큐

HTML Tag 연습장
아래 사각형 안에 태그나/ 자바 소스를 넣고 "실행하기를 눌러 보세요.





태그 예제 설명
<p>문단</p> 하나의 문단을 정의
텍스트<br> break의 약자로 줄바꿈을 의미
<h1>헤드라인</h1> 헤드라인의 약자로 문서의 헤드라인을 정의할때 사용. h1~h6까지 사용가능
<i>텍스트</i> 기울임 글꼴(Italics)
<b>텍스트</b> 굵은 글꼴(Bold)
<tt>텍스트</tt> 타자기 글꼴(Teletype)
<u>텍스트</u> 밑줄친 글꼴(Underline)
<s>텍스트</s> 취소선(Strikethrough)
<strike>텍스트</strike> 취소선(Strikethrough)
<sub>텍스트</sub> 아래첨자(Subscript
<sup>텍스트</sup> 위첨자(Superscript)
<font size="5">글자 크기 지정</font> 글자의 크기를 지정
<font color="red">글자 색상</font> 글자의 색상을 지정
<font face="돋움">글자체 지정</font> 글자체(글꼴)을 지정
&nbsp; 공백
&lt; <
&gt; >
&amp; &
&quot; "
<a href="http://www.naver.com">네이버</a> 하이퍼링크
<a href="http://www.naver.com" target="_blank">네이버</a> 하이퍼 링크(새창으로 열기)
<a href="http://www.naver.com" target="_blank" title="네이버 홈페이지 열기">네이버</a> 하이퍼 링크(링크의 제목 설정)
<img src="이미지경로"> 이미지 삽입
<img src="이미지경로" width="100" height="200"> 이미지 삽입(너비와 높이 지정)
<body bgcolor="gray"> 문서 전체의 배경색 지정
<body background="bg01.gif"> 문서 전체의 배경 이미지 지정
<ol>
<li>줄바꾸기</li>
<li>헤드라인</li>
<li>기본태그</li>
</ol>
순서있는 리스트
<ul>
<li>줄바꾸기</li>
<li>헤드라인</li>
<li>기본태그</li>
</ul>
순서없는 리스트
<ol type="A">
<li>줄바꾸기</li>
<li>헤드라인</li>
<li>기본태그</li>
</ol>
리스트의 타입지정
<meta name="subject" content="HTML 핵심 태그"> 메타 태그(문서의 내용)
<meta name="title" content="메타 태그(Meta tag)"> 메타 태그(문서의 제목)
<meta name="author" content="homejjang"> 메타 태그(문서의 작성자)
<meta name="keywords" content="HTML, 태그 "> 메타 태그(문서의 키워드)
<meta http-equiv="content-type" content="text/html; charset=euc-kr"> 메타 태그(문서의 문자셋)
<meta http-equiv="refresh" content="5;url=http://www.homejjang.com/"> 메타 태그(새로고침, 5초후에 지정한 url을 다시 읽어드린다.)
 


HTML을 연습할수 있는 연습장입니다.

초보라서 가끔씩은 필요하더라구요...^^

많은 도움이 되시기 바랍니다.

덴탈아이큐드림
사업자 정보 표시
프라크린 | 박승일 | 서울 도봉구 시루봉로27나길 6(도봉동) | 사업자 등록번호 : 210-11-38190 | TEL : 010-6343-3004 | 통신판매신고번호 : 2012-서울도봉-0134호 | 사이버몰의 이용약관 바로가기

댓글을 달아 주세요