HTML 編輯基礎菜鳥必看篇
打開DREAMWEAVER,新建HTML。。
body的屬性:
bgcolor 頁面背景色
background 背景壁紙、圖片
text 筆墨顏色
topmargin 上邊距
leftmargin 左邊距
rightmargin 右邊距
bottommargin 下邊距
格式控制標簽:
<font color="" face="" size=""></font>
分別控制字體的顏色、字體和大小。
<b></b> 字體加粗
<strong></strong> 字體加粗
<i></i> 傾斜
<em></em> 傾斜
<u></u> 下劃線
<center></center> 居中
<br>或<br/> 相稱于回車
透露表現(xiàn)空格,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則變?yōu)闊o序號列表
"../" 透露表現(xiàn)上級目錄
"./" 透露表現(xiàn)當前目錄
相對路徑:從當前頁面開始查找。
絕對路徑:從網(wǎng)站的根開始查找。"/",代表網(wǎng)站的根。
超鏈接標簽:
<a href="超鏈接地址" target="_blank">超鏈接筆墨</a> --在新窗口打開
還可以在當前頁找到目錄點擊目錄上的超鏈接,主動跳轉到當頁的某一個地方。
圖片標簽:
<img src="圖片地址" alt="筆墨" width=“” height=“” title=“描述筆墨” />
高度跟寬度設置一個即可保持原有比例。
alt在圖片無法加載時,表現(xiàn)筆墨,還可以幫助搜索引擎搜索。
title可以添加圖片描述,鼠標放在圖片上時可以表現(xiàn)描述。
表格:
<table></table>表格
width:寬度。可以用像素或百分比透露表現(xiàn)。 常用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”合并統(tǒng)一行的單元格(后面寫代碼要減去相對應的列)
rowspan=“n” 合并統(tǒng)一列單元格(從第二行開始減去相對應的列)
以上這篇HTML 編輯基礎(菜鳥必看篇)就是小編分享給大家的悉數(shù)內容了,盼望能給大家一個參考,也盼望大家多多支持圖趣網(wǎng)。
本文地址:http://m.likemindfilms.com/tutorial/wd3350.html