능소화 필 때

마음의 양식/컴퓨터.아이콘

태그(Tag) 소스 분석 (배경사진,음악, 본문)

봄 향기 2016. 11. 30. 10:16

          태그(Tag) 소스 분석 (배경사진,음악, 본문)

<CENTER>

<TABLE width600  borderColor=#색상 cellSpacing=7 cellPadding=5 border=10 >

<tr><td align=center><img width=500 height=350 src="그림 주소"> </center>
<tr><td align="left"><span style="line-height: 23px;">
<pre><ul><font color="#004c5f" face=굴림 size="3">  
                 <b> 제목 </b>

<FONT face=굴림 color=navy size=2>

   본 문 글쓰기

</font></span> </b></td></tr></table></center>


      배경사진,음악,태그, 설명

테이블을 정렬 소스 가운데(center)지정 아니면 좌측(left)정렬.오른쪽=(right)를 입력한다.

테이블 만들기 소스 '예'사진크기550X400 <img src="그림주소" width=550 height=400>

      소스 분석

1. center = 테이블을 가운데에 정렬

2.  table border="10" : 표의 테두리 두께 지정. "0"은  표의 테두리는 보이지 않는다.

3.  bgColor= 바탕 색. borderColor= 표의 테두리 색

4. cellspacing="7" : 테두리와 안쪽 선 간격 "0"으로 입력하면 셀 안쪽 여백이 없게 된다

5. cellpadding="10" : 표 안 그림과 경계 선. 셀의 안쪽 여백 을 지정.

   .

3. width="580" : 표의 가로 넓이를 지정. (여기선 픽셀로 지정.) 100%"로 입력하면

  창 크기에  따라 표의 크기도 같이 따라가게 된다.

4. height="450" : 표의 세로 높이를 지정.

5.  tr =줄(列, 세로, 높이).  td (쉘)=칸(行, 가로 , 넓이)줄에 여러 내용을 넣는다.

  align= 수평으로 정렬함.left(좌) .right(우) center (중)top=기본(위) bottom=아래

<tr><td> width="580": 테이블 안의그림 넓이지정.

6. span style="line-height: 23px;" =줄간격 (문단 높이)


<table width="580"  border="10"cellspacing="7"cellpadding="8"background="그림주소">

<tr><td align=center><IMG src="" width=500 height=350 >속성 부분 클릭 드래그 후   

 (CTRL+C)=복사. 오른쪽 마우스 복사 한 뒤 그림 주소에 (CTRL+V)= 붙이기 한다.

사진  <img src="그림주소"width=넓이 height=높이>

음악~동영상 <embed src=음악~ 동영상 주소 frameborder="0" allowfullscreen>


               본문 입력

소스 분석

1. font face="굴림체" :글씨체 모양 (보통 기본글꼴 사용. 굴림, 바탕)

2. size="3":글씨 보통크기를 지정한다.(숫자가 클수록 글자도 커진다)

   <b>=진하게

3. color="green" : 글자의 색상,(푸른색(blue), 등. 한 문장이 끝나

줄 바꿀 때, br 태그를 입력.(아니면 가로로 계속 이어짐.)br = 줄 바뀜 ,

(br 2=줄 바꿔 1줄 더 띄움 .4=줄 바꿔 2줄 더 띄움)

<ul> =한 문장 띄움. <br><b>r=줄 바꿔 1줄 더 띄움마무리

 (맨 처음 입력한 것을 맨 나중에 닫아준다.)

글자 진하게 마퀴 표 안지정 테이블 가운데 정렬


       음악 소스 분석

<embed src="음악주소" autostart="true" hidden="true" loop=-1>

1. autoster="true" =화면에 문서 나오면 자동으로 음악이 나옴.

2. hidden="true" =플레이 상자 안보이면서 자동으로 음악 나옴

3. hidden="false"는 뮤직박스를 나타내라는 명령어(본=보임)

4. loop= "-1"음악을 재생 횟수를 뜻하는 곳."-1"을 준것은 무한재생

   (loop=infinite).몇 번 듣고 싶다면, 입력된 숫자만큼만 재생 됨.

5. volume=" 원하는 수" 를 넣으면 음악의 볼륨을 조절 할 수 있습니다.

   volume="70"이면 보통volume="30"정도면 아주 적게 들린다.

6. width="수치" 미디어 플레이어의 가로 크기를 지정 합니다.

7. height="수치" 미디어 플레이어의 세로 크기를 지정 합니다.

<embed src="음악 주소"width="넓이" height="높이" > 

   노래바 아래 글 showstatusbar="true"


노래바 필터밤 style="FILTER: invert()"

<EMBED style="FILTER: invert(); WIDTH: 280px; HEIGHT: 50x"

src= width=280 height=50 type=video/x-ms-asf showstatusbar="true"

 playcount="1" showtracker="1" autostart="true" loop="-1" volume="0">

   음악= 문서 맨 위나 아래쪽에 넣어도 된다.

    모든 소스 끝내기

 </font></span> </b></td></tr></table></center>





'마음의 양식 > 컴퓨터.아이콘' 카테고리의 다른 글

태그 색상표(이름, 숫자)   (0) 2017.02.26
태그색상 216 color   (0) 2017.02.26
실시간 이쁜 시계   (0) 2017.02.22
HTML 태그연습장  (0) 2016.12.02
키보드 사용 법  (0) 2016.10.17