网页背景与文字排版_第1页
网页背景与文字排版_第2页
网页背景与文字排版_第3页
网页背景与文字排版_第4页
网页背景与文字排版_第5页
已阅读5页，还剩13页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

1、1網頁背景與文字排版黃志雄2網頁背景與文字排版n4.1 版面排版()n4.2 文字排版n4.3 多功能文字排版()3版面排版()n標籤的常用屬性列表：屬性屬性值功能說明bgcolor顏色表示法用來設定網頁背景顏色。background圖片路徑及檔名用來設定網頁背景圖片。text顏色表示法用來設定網頁文字顏色。bgpropertiesfixed用來固定網頁背景圖片，使得不隨垂直捲軸移動。leftmargin距離(pixels)用來設定網頁內容與瀏覽器左邊界的距離。topmargin距離(pixels)用來設定網頁內容與瀏覽器上邊界的距離。4 - bgcolor屬性n背景顏色所依靠的是標籤的bgc

2、olor屬性，來設定想要的顏色。n在HTML中，顏色的表示方法可以分為兩大類：n(1)英文表示法(或稱為關鍵字表示法)，也就是直接以顏色的英文名稱加以設定。n(2)16進制表示法，以6位數16進制的數值來表示顏色，表示法紅、綠、藍3原色的調色方式所構成。5 - bgcolor屬性n前兩位數代表的是紅色的成分、中間兩位數代表的是綠色的成分、最後兩位數代表的是藍色的成分，數值由000255，也就是16進制的00FF。n其中成分越高者數值越大，因此，就像調水彩一樣，當我們改變了3原色的比例之後，就會形成許多種顏色，總共的變化應該有16777216種顏色。圖4-1 6位數16進制的顏色表示法6 - b

3、gcolor屬性7 - bgcolor屬性 <body>之bgcolor屬性相思紅豆生南國，春來發幾枝，願君多采擷，此物最相思。8 - background屬性n透過標籤的background屬性可將某張圖片設定為網頁的背景圖片。 <body>之background屬性相思紅豆生南國，春來發幾枝，願君多采擷，此物最相思。9 - left/topmargin屬性n可以設定文件內容上邊界至瀏覽器上邊界的距離。 上邊界與左邊界的設定相思紅豆生南國，春來發幾枝，願君多采擷，此物最相思。10文字排版n除了可以透過的text屬性來設定整個網頁文字的顏

4、色之外，針對網頁中個別文字的部分，也可以利用許多的HTML控制標籤來設定文字的字型變化。11文字排版-HTML字型設定標籤效果標籤粗體.斜體.底線.刪除線.細小字型.12(文字標題標籤)nHTML設計了6種的標題控制標籤，分別是、，統稱為文字標題標籤。n中的數字與標題字型大小恰好成反比，也就是說，當數字越大時，字型卻越小。n除了會將字型的大小產生變化，字體也會加粗，開始前與結束後都會產生自動換列現象，以突顯標題。13(文字標題標籤)n屬性align可以設定標題對齊方式。nleft：標題靠左對齊。(預設值)ncenter：標題置中對齊。nright：標題靠右對齊。 h標題設定相思王維紅豆生南國，

5、春來發幾枝，願君多采擷，此物最相思。14多功能文字排版()n標籤的特色是，只需要一個標籤就改變文字的大小、顏色、字體。n使用標籤設定字體時，由於許多字體並非瀏覽器本身所擁有，因此必須要瀏覽者的電腦中裝有該字體，才能夠正確地以我們所希望的字體顯示於瀏覽器中，否則就會改以電腦預設字體顯示。15 - size屬性nsize屬性可以用來設定文字大小等級，它有兩種設定方法：絕對設定與相對設定。n絕對設定指的是直接指定文字大小的等級(17)。n相對設定則是針對目前字型大小相對放大或縮小幾個等級，而目前字型大小則是由標籤或標籤的作用範圍決定。16 - size屬性 <font>字型大小設定相思紅豆生南國，春來發幾枝，願君多采擷，此物最相思。17 - color屬性ncolor屬性可以用來設定文字的顏色，它同樣可以使用16進制顏色表示法及關鍵字顏色表示法來設定屬性值。 <font>字型顏色設定相思紅豆生南國，春來發幾枝，願君多采擷，此物最相思。18 - face屬性n

人人文库> 全部分类> 教育资料 > 辅导培训

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论