컴퓨터활용-참고

태그 용어 자료

영웅호걸짱 2017. 6. 19. 01:36



소스제공    http://www.mollayo.co.kr/subj_list.php?subj=html#

태그사전

[프린트]

태그

설명

표시

<body></body> 본문을 지정합니다.  

<h2> 이달의 모임 </h2>

제목 문자열을 지정하는 태그로 H1 이 가장 작고 H6 이 가장 크다.

이달의 모임

<br> 다음줄로 넘어가기  
<hr> 수평선 긋기
<img src="http://www.mollayo.co.kr/sample.gif"> 그림 나타내기
<embed src="동영상 또는 플래시 경로"> 동영상 또는 플래시 나타내기 <embed src="mymenu.swf">
<p>우리는 민족중흥의 역사적 사명을 띠고 이땅에 태어났다</p> 문단지정

우리는 민족중흥의 역사적 사명을 띠고 이땅에 태어났다

<pre>
산토끼
산토끼 토끼야 어디를 가느냐?
깡충깡충 뛰면서 어디를 가느냐?
</pre>

글자의 내용을 있는 그대로 나타내기
산토끼
산토끼 토끼야 어디를 가느냐?
깡충깡충 뛰면서 어디를 가느냐?
                        
<center>우리 동요</center> 가운데 정렬하기
우리 동요
<marquee>글자가 움직인다</marquee> 글자를 움직인다 글자가 움직인다

<b>글자를 두껍게 표현한다</b>

글자를 두껍게 표현한다 글자를 두껍게 표현한다

<i>이탤릭으로 표현한다</i>

이탤릭으로 표현한다 이탤릭으로 표현한다

<u>아랫줄을 나타낸다</u>

아랫줄을 나타낸다 아랫줄을 나타낸다

<s>가운데 줄을 긋는다</s>

가운데 줄을 긋는다 가운데 줄을 긋는다
예<sup>위첨자</sup> 위첨자를 표시합니다 위첨자
예<sub>아래첨자</sub> 아래첨자를 표시합니다 아래첨자

<ul>
    <li>하나</li>
    <li>둘</li>
</ul>

Unordered List의 약자로 각 목록을 볼릿 기호를 사용하여 나열할 때 사용한다.

<ul type="모양">로 변형해보세요 모양은 disc, square, circle이 있습니다.

  • 하나

<ol>
<li>하나</li>
<li>둘</li>
</ol>

Ordered List의 약자로 순차적인 목록을 작성할 때 사용한다

  1. 하나
<li></li>

<UL>태그, <OL>태그, <DIR>태그, <MENU>태그 등의 사이에 들어가서 목록을 만든다

 
<a href="http://www.yahoo.co.kr">야후로 가기</a> 다른문서를 연결하는 하이퍼링크 태그

야후로 가기

<table border="1">
  <tr>
      <td>국어</td>
      <td>수학</td>
      <td>영어</td>
  </tr>

  <tr>
     <td>70</td>
     <td>90</td>
     <td>80</td>
  </tr>
</table>

표만들기를 시작한다
<tr>은 한줄시작을 의미하며
<td>는 한칸시작을 의미한다
국어 수학 영어
70 90 80
<form action=save.php method=post></form> 폼안에 있는 입력도구들의 내용을 전달한다  

<input type="button" value="확인">

버튼을 만든다

<input type="text" name="id" size="12">

입력상자를 만든다

<input type="password" name="pass" size="12">

비밀번호 입력상자를 만든다

<input type=radio name=kim value="국어">국어
<input type=radio name=kim value="수학">수학
<input type=radio name=kim value="영어">영어

라디오 단추를 만든다

국어수학 영어

<select>
   <option value="1">사과
   <option value="2">배
   <option value="3">오렌지
</select>

콤보박스로 사과를 선택하면 1을 돌려준다
<textarea cols=10 rows=2></textarea> 문장을 입력할 수 있도록 10칸 2줄의 텍스트 상자를 만든다
<fieldset><legend>모음집</legend> 그림 음악 플래시</fieldset> 테두리로 내용을 묶을 때 사용
모음집그림 음악 플래시

<font face="궁서체" size="2">이건 예제입니다</font>

글자모양을 조절합니다 이건 예제입니다

<font color="#FF0000"> 빨간색</font>

글자색을 조절합니다. 빨간색

<div>영역지정1</div>

<div>영역지정2</div>

태그를 묽어 블록화 합니다

두 개가 연속해 있으면 아래로 내려갑니다.

영역지정1
영역지정2

<span>영역지정1</span>

<span>영역지정2</span>

태그를 묽어 블록화 합니다.

두 개가 연속할 경우 옆으로

영역지정1 영역지정2

<!-- 주석태그 부분은 브라우저에 나타나지 않습니다. -->

주석을 적을 때 사용합니다.  
<iframe src="http://www.yahoo.co.kr" width=100 height=50></iframe> 홈페이지 속에 또다른 홈페이지를 불러들입니다.

비밀번호