[스크랩] html로 글올리기

 

 

** 테이블<Table>로 글올리기 **

 

1. 테이블 만들기 :

 

 

<table> : 테두리 <tr> : 칸(세로) <td> :줄(가로) 여기에 내용 넣기 그림, 동영상, 글자 보기 좋게 나열하여 배치 </td> </tr> </table>

▶ 속성 : - bgcolor : 배경색 , - background : 배경을 그림으로 넣을때 - border : 테두리 , - bordercolor : 테두리 색 - cellspacing=10 : 테두리(셀)과 테두리(셀) 사이의 폭 - cellpadding=10 : 테두리(셀)과 내용 사이의 폭

 

 

☞속성 넣기 연습

- 테두리=3, 테두리 색 = 녹색, bgcolor = 보라색

- cellspacing=10 과 20 , cellpadding=10 과 20

 

2. 글 넣기 :

① 글자 크기, 글자 색, 글꼴 <face=궁서>

② 글자 굵게 : <b>, <strong>**</strong>

③ 정열 입력한 그대로 : <pre>

④ 좌우 배치 : <p align=right><center>왼쪽 정열은 기본

⑤ 들여 쓰기 : <ul> :한글로 3자 정도

 

3. 테이블에 이미지 또는 배경색 넣기 :

    ① 바탕화면에 넣기 : <table>또는 <td>태그 속에 넣는다

- 배경색 : bgcolor=pink

- 이미지 : <background=URL>

<background=https://t1.daumcdn.net/cfile/cafe/152B1D354D970B361C>

    ② 내용문과 함께 넣기 :

         - 형 식 : <img src=URL>

         - 속 성 :    * 폭 : <width=400

                       * 높이 : height=300

                       * 사진설명 : alt=호랑나비>

    ③ 동영상 넣기 : <embed src=ULR>

 

<EMBED height=300 type=application/x-shockwave-flash width=500 src=https://t1.daumcdn.net/cfile/blog/136C051749A4D605A4?original wmode="transparent" allowNetworking="internal" x-allowscriptaccess="sameDomain">

 

   ④ 이미지꾸미기 : 이미지태그 속에 넣는다

- 형식 : style="FILTER : alpha(style= 2, Opacity=100, finishOpacity = 0)"

- style=2 : 원형

- style=1 : 우측만 흐리게 -> 그라데이션에 활용

- style=2 : 사각형 외각을 흐리게

- 활용 :

<img src=“https://t1.daumcdn.net/cfile/cafe/152B1D354D970B361C"

 

4. 음악 넣기 : URL : http://lifecare.com.ne.kr/music/monika.asf

① 형 식 : <embed src=URL autostart=true hidden=true loop =- 1>

② 속 성 :

- autostart=true(false) : 바로재생(클릭해야 재생)

- hidden=true(false) : 음악바 감추기(보이게 하기)

- loop =- 1 : 무한반복 ( 숫자만큼 반복)

③ 활용 : <embed src=http://lifecare.com.ne.kr/music/monika.asf autostart=true hidden=true loop=-1>

출처 : 녹야산방

글쓴이 : 유영태 원글보기

메모 :