본문 바로가기

html 태그

by dig it 2020. 1. 12.

##은 특정 숫자와 문자를 말합니다

 

<FONT SIZE#COLOR=#> </FONT> 폰트크기와 색지정

<SUB></

<SUP></>  윗첨자

<MARQUEE></> 움직이는 글자

<direction="up......,right">방향설정

<behavior=alternate>왔다갔다

<scrollamount="##">속도조절(숫자가높을수록 속도가 빠름)

<loop=##>몇번의움직임

<width=##>가로폭 <height=##>세로폭

<body></>용태그

<bgcolor=색깔>바디부분에 백그라운드 컬러지정

<background="그림주소"> 바디부분에 그림주소바탕

<body text="색깔">바디부분에 글자색지정

<p>한칸띄우기

<br>줄바꾸기 한칸띄우기

<hr>선긋기

<size="##"> 두께지정 %로도 가능%는 화면의 %를 뜻함

<width="##">길이지정

<noshade>음영없는 보통의선

<style="컬러 색상값">선의 색지정

<align></>정렬

<="위치">left,right,center

<xmp></>소스보기

<img src="그림주소"> 그림불러오기

<width="##"height="##">크기조정

<border="##">테투리지정

<border="##"style="border color:색깔">테두리색지정

<hspace="##">좌우여백만들기

<vspace="##">상하여백만들기

<embed src="음악주소">음악불러오기

<hidden="true">를 넣으면 음악플레이가 화면에보이지않음

<loop="##">노래반복횟수 infinite 를 넣으면 무한반복

<태그제한으로등록되지않습니다-bgsound src="음악주소">플레이어안보임(mid,wav,mp3,asf파일만재생)

<a herf="링크주소">제목</a> 링크걸기

<target="_blank">새창에열기

<><img src="그림주소"></>그림을클릭하면 링크된곳으로 이동

<><img src="그림주소" width=50% height=50%> 50%그림이보이고 클릭하면 원본이

<title="##">링크된곳에 말풍선달기

<table></>테이블만들기실행

<tr>세로<td>가로

<border="##"bordercolor="##">두께와 테두리 색상지정

<cellpadding=##>글자의여백 (테두리기준)

<cellspacing=##>칸과칸사이에 여백

<td colspan=##> 가로셀 숫자만큼 합치기

<rowspan=##> 세로셀 숫자만큼 합치기

<rules="##">all-모두보임,cols-가로칸안보임,rows-세로칸안보임,none-모두안보임

<ol><li>글<li>글</>문서정렬(앞에타입에따라 번호매김) 기본형은 1,2,3

<type="#">A(a)-A,B,C /I(i)-I II III

<type="#" start="#">스타트 숫자부터 숫자가 먹여짐. 예 100.101

<ul><li>글<li>글</> 기호 구분표시 기본표시 (점)특수문자가없다 ㅠ

<type="#">disc-기본점표시 (검은점),square-(검은네모),circle-(테두리점) --특수문자로 해났으면 이해가 쉬울듯한데 ㅠ

 

글자효과

<b> 두꺼운글자</b>

<marquee>움직이는 글자</marquee>

<fontface="굴림">뉘어진글자</font>

<i>기울어진글자</i>

<sup>윗첨자</sup>

<sup>아래첨자</sup>

<u>밑줄</u>

<s>가운데밑줄</s>

<button>버튼</button>

<fontsize="7">글자크기</font>

<th>글자를 위로 튀어나오겜함</th>

<tr>글자를 밑으로 튀어나오게함</tr>

<a herf="주소">다운로드</a>

 

<embed src="동영상주소 width-480 height=290> 동영상올리기

<p>제목</p>

<img src="주소jpg"> 이미지로 제목올리기

<marquee behavior=alternate>글자가 좌우로 왕복</marquee>

<marquee>왼쪽으로이동</marquee>

<marquee direction=right>오른쪽으로 이동</marquee>

<marquee direction="up"> 위로이동</marquee>

<marquee direction="down">아래로이동</marquee>

<marquee behavior=alternate width=100>도리도리합니다</marquee>

<marquee scroll amount=1 direction=right>오른쪽으로기어갑니다</marquee>

<marquee scroll amount=30>왼쪽으로 빨리지나감</marquee>

<marquee scroll amount=300 width=500><fontsize="7">반짝반짝합니다</font></marquee>

 

<div align="center">가운데정렬</div>

<div align="left">왼쪽정렬</div>

<div align="right">오른쪽정렬</div>

<p align="center">가운데정렬</p>

<p align="left">왼쪽정렬</p>

<p align="right">오른쪽정렬</p>

 

댓글창태그

<style>textarea background image url"사진주소"background-repeat no-repeat borser-width=0></style>

원하는 사진으로 뒷배경 적용하기( 사이즈가 딱맞지않으면 바둑판식으로 적용)

<body background="사진주소">

 

<a href="주소">텍스트</a> 하이퍼링크만들기   텍스트를 클릭하면 입력한주소로 이동

<a href="주소"><img src="사진주소"width="가로크기" height="세로크기 "border="테두리값 "0으로지정하면 나타나지않음 /> </a>

 

<a href="주소" target="blank"><img src="배너주소"border="0"></a>  배너 링크달기

 

tr 아래쪽으로 한칸 가기
td 오른쪽으로 한칸 가기
border="수치" 표의 테두리 두께를 조정해줍니다.
bordercolor="색상" , "색상코드" 표의 테두리의 색을 지정합니다. 위의 예제에 보시면 테두리의 색이 각자 틀리다는 것을 알수 있을겁니다.
WIDTH="수치" , "수치%" 표의 가로넓이를 지정된 수치만큼 정해줍니다. 백분율 사용가능합니다.
HEIGHT="수치" , "수치%" 표의 세로넓이를 지정된 수치만큼 정해줍니다. 백분율 사용가능합니다.
CELLSPACING="수치" 셀의 구분 선굵기를 조정합니다.
CELLPADDING="수치" 셀의 안쪽여백의 간격을 조정합니다.
bgcolor="색상" , "색상코드" 표의 배경색을 지정해줍니다.

댓글

최신글 전체

이미지
제목
글쓴이
등록일