HTML靜態網頁(標簽、表格)


HTML靜態網頁:

打開DREAMWEAVER,新建HTML,如下圖:

 

body的屬性:

bgcolor        頁面背景色

background       背景壁紙、圖片

text           文字顏色

topmargin        上邊距

leftmargin         左邊距

rightmargin      右邊距

bottommargin      下邊距

body屬性用法示例:

 

格式控制標簽:

<font color="" face="" size=""></font>

分別控制字體的顏色、字體和大小。

<b></b>        字體加粗

<strong></strong>   字體加粗

<i></i>           傾斜

<em></em>       傾斜

<u></u>        下划線

<center></center>   居中

<br>或<br/>      相當於回車

&nbsp;         表示空格,Ctrl+shift+space

格式控制標簽使用示例:

 

內容容器標簽:

<h1></h1>      標題,會自動換行。HTML標題是                      

  . . .        通過<h1>到<h6>等標簽來定義的。

<h6></h6>

<p></p>       段落標簽(段落之間空行)

<div></div>      層標簽(默認占用一行)

<span></span>    層標簽(默認用掉多大空間占用多大空間)

 

<ol type="1">    有序列表,序號為1,2,3....,引號中可以更改序號的形式

  <li>內容<li>

  <li>內容<li>

</ol>         上面的ol改為ul則變為無序號列表

示例:

 

"../"      表示上級目錄

"./"       表示當前目錄

相對路徑:從當前頁面開始查找。

絕對路徑:從網站的根開始查找。"/",代表網站的根。

 

 

超鏈接標簽:

<a href="超鏈接地址" target="_blank">超鏈接文字</a>    --在新窗口打開

還可以在當前頁找到目錄點擊目錄上的超鏈接,自動跳轉到當頁的某一個地方。

示例:

 

圖片標簽:

<img src="圖片地址" alt="文字" width=“” height=“” title=“描述文字” />

高度跟寬度設置一個即可保持原有比例。

alt在圖片無法加載時,顯示文字,還可以幫助搜索引擎搜索。

title可以添加圖片描述,鼠標放在圖片上時可以顯示描述。

示例:

 

 

 

表格:

<table></table>表格

  width:寬度。可以用像素或百分比表示。 常用960像素。

  border:邊框,常用值為0。

  cellpadding:內容跟邊框的距離,常用值為0。

  cellspacing:單元格與單元格之間的間距,常用值為0。

  algin:對齊方式。

  bgcolor:背景色。

  background:背景圖片。

 

<tr></tr>行

  align:一行內容的水平對齊方式。

  valign:一行內容的垂直對齊方式。

  height:行高。

  bgcolor:背景色。

  background:背景圖片。

 

<td></td>單元格

<th></th>表頭,單元格的內容自動居中、加粗

  align:單元格內容的對齊方式。

  valign:單元格的內容的垂直對齊方式。

  width:單元格寬度。

  height:單元格高度。

  bgcolor:背景色。

  background:背景圖片。  

  內容必須放在單元格里,單元格必須放在行里,行必須放在表格里。

  設置單元格行高、列高時,會同時影響對應的行或列。

單元格合並:(建議盡量用表格嵌套)

  colspan=“n”  合並同一行的單元格(后面寫代碼要減去相對應的列)

  rowspan=“n”  合並同一列單元格(從第二行開始減去相對應的列)

 

表格示例:

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



猜您在找 HTML(7)表格標簽 HTML基本標簽,表格標簽,框架標簽 html/css靜態網頁制作 HTML 表格:表格由 HTML: table表格標簽橫/縱向合並 HTML5使用Div標簽來實現表格 HTML中表格table標簽的實例 html5 表格標簽 table tr td html標簽及屬性大全(網頁制作必備)
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM
標簽來定義 tomcat部署簡單的html靜態網頁