홈으로 홈으로 | 무료회원가입 | 아이디/비번찾기 | 즐겨찾기
추천음악방송메인홈1대1상담음악방송청취
뽕짝아가씨(무료음악채널)
okTrot(무료음악채널)
전통가요(무료음악채널)

온라이브스토어(앱다운로드)

환상의뽕짝파티 무료음악
명작트로트메들리 무료음악
트로트메들리관광 무료음악
동영상노래방
가사검색

POP Player
신나는 고스톱
컴퓨터 오목
작은 음악다방
자동러시 웹플레이어신청

보안∵서버∵쿠키
윈도우∵프레임
이미지∵배경
시간∵달력∵계산
상태바∵타이틀바
음악∵영상
폼∵전송∵테이블
키보드∵마우스
효과∵링크∵메뉴
Script∵php
기타
PHP 강좌
윈도우관련팁
웹관련팁
홈페이지제작팁
기본강좌
레지스트리
윈도우서버
리눅스서버
Android
기본테그 정리
홈페이지홈페이지 14년 전
Html의 기본태그

***************************************************************************************

기본 명령어

<html>     Html의 문서 작성을 나타내는 태그입니다.

<head>     문서의 시작을 알리는 태그입니다.

<title>     문서의 제목을 지정하며 브라우저의 타이틀바에 나타납니다.

</title>     문서 제목 끝을 알립니다.

</head>     문서의 시작을 알리는 태그 끝입니다.

<body>     문서의 파일 즉 본문을 시작하는 태그입니다.  

</body>     본문 끝을 알리는 태그. <body>와 </body> 사이의 명령어가 웹상에 보여집니다.

</html>     html 문서 작성 끝을 알리는 태그입니다.

***************************************************************************************

서식관련


<body bgcolor="컬러">
웹상에 보여지는 윈도우의 배경화면 지정해줍니다.

<address>내 용</address>
메일주소나 연락처등을 기록(글자가 기울여 써짐)

<body background="이미지주소">
배경 그림을 불러옵니다.(http://로 시작하겠죠.)

<b>내용</b>
글자를 굵게 나타냅니다.

<body text="컬러">
글씨색의 표준을 지정 해줍니다.

<tt>내  용</tt>
타자기로 타이핑 한 것처럼 글자를 나타냅니다.

<body link="컬러">
링크를 걸어놓은 글자 색을 지정해줍니다.

<hr size="숫자" width="숫자" align=left/center/right></hr>
수평선의 두께/넓이/문단의 왼쪽,중앙, 오른쪽을(위치> 지정해줍니다.

<body vlink="컬러">
이미 검색한 링크 글자를 지정해 줍니다.

<font size="숫자" color="컬러/이진법" face="글씨체">내용</font>
글자의 크기/색상/글꼴을 지정해줍니다.

<body alink="컬러">
열고 있는 링크색 지정.

<p aligh="left/center/right">내용</p>
문단의 내용을 정렬해줍니다.

<p>내용</p>
본문에서 단락을 구분해 줍니다.

<i>내  용</i>
글자를 이태릭체로 나타냅니다.

내용<br>
닫아주는 명령어가 없고 쉽게 말하면 Enter와 같은 명령어입니다.

<u>내  용</u>
밑줄을 그어줍니다.

<center>내용</center>
글자나 그림등을 본문의 중앙에 나타냅니다.

<blank>내  용</blank>
깜박이게 합니다. Netscape 전용입니다.

<hr></hr>
수평선을 그어줍니다.

<kbd>내  용</kbd>
키보드와 같은 글씨체

<pre>내용</pre>
스페이스의 공백을 인식해 줍니다.

<strong>내  용</strong>
글자를 굵게 나타냄
  
 
한칸을 띄워줍니다.(여러칸은 반복해서 사용하시면 되죠.)

<sub>내 용</sub>
글자를 아래 첨자

<h1~6>내용</h1~6>
1~6까지 글자 크기를 나타냅니다.

<sup>내 용</sup>
글자를 윗첨자로

<big>내용</big>
기본 글자 크기보다 한단계 크게 나타냅니다.

<!--- 주석(내용) ---->
주석으로 웹상에는 안나타남.

<br>
줄을 바꿀 때 사용

<em>내  용</em>
강조,이태릭체

<small>내용</small>
기본 글자 크기보다 한 단계 작게 나타냅니다.

<basefont size="크기">
전체 글자의 크기 지정

***************************************************************************************

목록정의

<ul></ul>
순서가 필요없는 목록을 적을때
<dl></dl>
용어정의 목록을 사작하는 곳에 쓴다.
<ol></ol>
순서가 필요한 목록을 적을때
<dt>
용어의 이름을 쓴다.
<li></li>
ul,ol태그사용시 목록을 적을때
<dd>
용어에 대한 설명을 쓴다.

***************************************************************************************

그림태그


<img src="파일명이나 url">
그림을 삽입하기 위한 태그

<img src="파일명" border="숫자">
그림의 테두리 선의 값 지정

<img src="파일명" border="숫자" width="숫자" height="숫자">
그림의 넓이와 높이를 지정

<img src="파일명" alt="그림설명" align="left/center/right">
alt=마우스를 올렸을 때 그림설명 align=그림정렬방식

<img src="파일명" align="top/middle/bottom">
그림 옆에 오는 글자를 그림의 상단/중앙/아래부분에 나타냄

***************************************************************************************

링크관련태그

<a href="연결될 파일명">글자/그림</a>
글자/그림을 누르면 링크된 문서로 이동

<a href="http://링크될url">글자/그림</a>
링크된 주소로 이동

<a href="mail to:자신의 메일 주소">글자/그림</a>
편지함에 연결됨

<a href="문서명">글자/그림</a><a name="문서명 문단의 첫 부분</a>
같은 문서 내에서의 이동

***************************************************************************************

테이블태그



<TABLE></TABLE> 표를 나타냄

<TR></TR> TABLE안에 쓰여 한 행을 만들어 줌

<TD></TD> TR안에 스여 한 셀을 만들어 줌

<TH></TH>  TABLE안에 셀의 제목을 나타냄

<TABLE BORDER=n CELLSPACING=n> TABLE의 테두리선 크기,셀과 셀 사이의 간격을 조절  

<TABLE CELLPADDING=n BGCOLOR=색상코드>  셀과 내부 글자와의 간격을 벌려줌, 바탕색을 지정

<TABLE WIDTH=n HEIGHT=n>  ABLE 넓이와 높이를 지정

<TD COLSPAN=n ROWSPAN=n> 셀을 가로,세로로 합치고 싶을때 사용

<TD ALIGN=LEFT,CENTER,RIGHT VALIGN=TOP,MIDDLE,BOTTOM> 좌우,중앙,상하 정렬

***************************************************************************************

프레임 관련 태그



<FRAMESET></FRAMESET>  한 페이지에 두개 이상의 창을 작성

<FRAMESET COLS="n%,*">  화면에 세로 방향으로 금을 그어 화면을 나누는 방식

<FRAMESET ROWS="n%,*">   화면에 가로 방향으로 금을그어 화면을 나누는 방식  

<FRAME SRC="문서.파일명">  프레임에 불러올 HTML문서 링크

<MARGINWIDTH=n>  프레임 창의 가로 여백을 지정

<MARGINHEIGHT=n>  프레임 창의 세로 여백을 지정

<SCROLLING=YES,NO,AUTO>  프레임 차의 스크롤 지정여부,자동여부

<FRAMEBORDER=n>   프레임의 경계선의 크기를 지정

<TARGET=_BLANK,_TOP,파일명>   프레임 창에서 링크된 경우 링크될때 보여주는 창을 지정

<NAME= >   프레임에 고유의 이름을 간단하게 씀

***************************************************************************************

기타 본문 관련  



<EMBED SRC="사운드.파일명" AUTOSTART=TRUE LOOP=n> AUTOSTART를 사용해 홈페이지로 들어오면
백 그라운드 음악이 자동으로 시작하도록 지정할 수 있습니다. 이 태그는 넷스케이프에서만 적용됩니다.  

<BGSOUND="사운드.파일명" LOOP=2>  <EMBED>태그와 비슷하며 익스플로러에서만 적용됩니다.  
추천추천 : 231 추천 목록
번호 제목
1,318
 구글(Google)검색에서 고급연산자를 이용하여 많은 정보를 얻는 방법
1,317
 프로그램 없이 하드디스크 복사 및 백업하기
1,316
 Windows7 업데이트 기록 삭제방법
1,315
 포토샵 psd 파일 연결 레지스트리(registry) 편집
1,314
 윈도 10 최신 업데이트 후 인터넷 속도의 저하가 발생할 때 조치 사항
1,313
 Autotuning level 해제 (윈도우비스타 이상 윈도우)인터넷 속도 빠르게 하는 방법
1,312
 윈도우에서 특정프로세스를 일괄 종료하는법
1,311
 MediaPlayer 클래스 사용법
1,310
 안드로이드에서 audio player 실행하기
1,309
 [Android] MediaPlayer 음악재생기 만들기
1,308
 Eclipse와 Android NDK 연동하기
1,307
 Android Sliding Drawer Functionality 안드로이드 슬라이딩 드로우 예제 sample
1,306
 Android Speech To Text
1,305
 Android WebPageLoader with progress-bar
1,304
 Android Text To Speech(TTS)
1,303
 Android Playing Audio from a web url
1,302
 Button height different from background height in Android image design
1,301
 Android Getting Started with Material Design
1,300
 Using toast inside timertask perfect
1,299
 네트워크 상태 [Android]
1,298
 Webview source [Android]
1,297
 공유 Intent [Android]
1,296
 intent uri 모음 [Android]
1,295
 http requestWebViewClient [Android]
1,294
 캐시 삭제
1,293
 캐시 지우기 [Android]
1,292
 바로풀어(수학 문제 질의응답 SNS) 에 사용된 오픈소스 라이브러리 [Android]
1,291
 Webviw [Android]
1,290
 오픈소스 라이브러리 모음 [Android]
1,289
 Android webview 개발시 알아둬야 할 것들 [Android]
1,288
 webview 동영상 재생 [Android]
1,287
 [Android] Webview 404 에러 처리
1,286
 [Android] webview ssl 문제
1,285
 [Android] Webview url 숨기기
1,284
 [Android] AlarmManager 일정시간 이벤트 실행
목록
인기절정뽕짝파티
인기트로트모음
지루박디스코메들리
밤무대애창곡
전자올겐경음악
세월따라노래따라
가슴시린트로트
트로트쌍쌍파티
7080추억속으로
종합성인가요방
못잊을옛날노래
카바레 음악
트롯디스코팡팡
관광 메들리
트롯카페
가요감상실
추억의옛노래
스페셜가요광장
BillBoard Free
추천가요모음
경음악.전자올겐
스페셜음악여행
WOLRD POPs
K-POP\BillBoard
JP\CN
POP TOP BEST
K.R.노래방

추천가요\인기
F뮤직 인기\발라드
F뮤직 애창\트로트
트로트성인가요
인기가요
프리미엄 POP
경음악\기타
프리미엄 최신가요
프리미엄 성인가요
가요축제\트롯1번지
댄스\메들리\리믹스
카페\명상\경음악\기타
뮤직트로트 부산광역시부산진구 가야동 ㅣ 개인정보취급방침
Copyright (C) musictrot All rights reserved.