萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> DivCSS教程 >> 鏈接到另一個頁面: click here! 這裡的下劃線是以帶下劃線的藍

鏈接到另一個頁面: click here! 這裡的下劃線是以帶下劃線的藍

 

我進修

 

DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/1999/xhtml11/DTD/xhtml.dtd"My First PageHello World!

 一個網頁的有的標簽:<html>,<head>,<title>,<body>。可以用問題標簽突出文本,如<h1>,<h2>,<h3>等。下面一些總結:

1.鏈接

  鏈接到另一個頁面:

  

click here!

 

這裡的下劃線是以帶下劃線的藍色字體表現,單擊之後變為赤色。可用CSS修改這些屬性:

color: font-weight: text-decoration:} a:hover{ background-color:gold; font-weight:bold; text-decoration:none; } a:active{ color:red; text-decoration:none; } a:visited{ color:red; font-weight:bold; text-decoration:none; }

 

可用相對地點鏈接到另一個文件夾的網頁,如:

click here!click here!click here!

 

在新賞識器窗口中打開鏈接:

click here!My Page

鏈接到網頁內部:

click here!I am hereclick here!

在網頁中鏈接Email地點:

send message to me send message to me

2.文本對齊和列表

文本對齊:

textblock

列表:

order oneorder twoorder threeitemitemitemtermdefination

其它,可在<ul>,<ol>,<li>標簽中行使"list-style-type"指定項目的記范例。

<pre>可將文本名目化為等寬字體,而且在<pre>中行使的空格和分行將被保存。

3.圖像


將圖像放到網頁中:

"src"標識圖像的位置; "alt"指定圖像的描寫性文本,當圖像不行見時,可看到該屬性指定的文本; "title"提供在圖像可見時對圖像的描寫;圖像可所以GIF,PNG,JPEG名目標圖像文件-->

對齊圖像:

文本與圖像的垂直對齊: "text-top"暗示圖像的頂部與統一行中最高的圖像或文本的頂部對齊,"middle"圖像的中心與統一行中其他內容的中心對齊; "text-bottom"暗示圖像的底部與文本的底部對齊;"baseline"暗示圖像的底部與文本的基線對齊-->

將圖像變為鏈接:

圖像映射:

4.自界說配景和顏色


配景顏色和文本顏色:

 

配景圖像:

好了,這就是我最近進修HTML的扼要總結,感謝各人的賞識。

 

 

 

 

(
copyright © 萬盛學電腦網 all rights reserved