HTML 編輯基礎(chǔ)(菜鳥必看篇)
打開DREAMWEAVER,新建HTML。。
body的屬性:
bgcolor 頁面背景色
background 背景壁紙、圖片
text 文字顏色
topmargin 上邊距
leftmargin 左邊距
rightmargin 右邊距
bottommargin 下邊距
格式控制標(biāo)簽:
<font color="" face="" size=""></font>
分別控制字體的顏色、字體和大小。
字體加粗
<strong></strong> 字體加粗
<i></i> 傾斜
<em></em> 傾斜
<u></u> 下劃線
<center></center> 居中
<br>或<br/> 相當(dāng)于回車
表示空格,Ctrl+shift+space
內(nèi)容容器標(biāo)簽:
<h1></h1> 標(biāo)題,會(huì)自動(dòng)換行。HTML標(biāo)題是
. . . 通過<h1>到<h6>等標(biāo)簽來定義的。
<h6></h6>
<p></p> 段落標(biāo)簽(段落之間空行)
<div></div> 層標(biāo)簽(默認(rèn)占用一行)
<span></span> 層標(biāo)簽(默認(rèn)用掉多大空間占用多大空間)
<ol type="1"> 有序列表,序號(hào)為1,2,3....,引號(hào)中可以更改序號(hào)的形式
<li>內(nèi)容<li>
<li>內(nèi)容<li>
</ol> 上面的ol改為ul則變?yōu)闊o序號(hào)列表
"../" 表示上級(jí)目錄
"./" 表示當(dāng)前目錄
相對(duì)路徑:從當(dāng)前頁面開始查找。
絕對(duì)路徑:從網(wǎng)站的根開始查找。"/",代表網(wǎng)站的根。
超鏈接標(biāo)簽:
<a href="超鏈接地址" target="_blank">超鏈接文字</a> --在新窗口打開
還可以在當(dāng)前頁找到目錄點(diǎn)擊目錄上的超鏈接,自動(dòng)跳轉(zhuǎn)到當(dāng)頁的某一個(gè)地方。
圖片標(biāo)簽:
<img src="圖片地址" alt="文字" width=“” height=“” title=“描述文字” />
高度跟寬度設(shè)置一個(gè)即可保持原有比例。
alt在圖片無法加載時(shí),顯示文字,還可以幫助搜索引擎搜索。
title可以添加圖片描述,鼠標(biāo)放在圖片上時(shí)可以顯示描述。
表格:
<table></table>表格
width:寬度。可以用像素或百分比表示。 常用960像素。
border:邊框,常用值為0。
cellpadding:內(nèi)容跟邊框的距離,常用值為0。
cellspacing:?jiǎn)卧衽c單元格之間的間距,常用值為0。
algin:對(duì)齊方式。
bgcolor:背景色。
background:背景圖片。
<tr></tr>行
align:一行內(nèi)容的水平對(duì)齊方式。
valign:一行內(nèi)容的垂直對(duì)齊方式。
height:行高。
bgcolor:背景色。
background:背景圖片。
<td></td>單元格
<th></th>表頭,單元格的內(nèi)容自動(dòng)居中、加粗
align:單元格內(nèi)容的對(duì)齊方式。
valign:單元格的內(nèi)容的垂直對(duì)齊方式。
width:?jiǎn)卧駥挾取?/p>
height:?jiǎn)卧窀叨取?/p>
bgcolor:背景色。
background:背景圖片。
內(nèi)容必須放在單元格里,單元格必須放在行里,行必須放在表格里。
設(shè)置單元格行高、列高時(shí),會(huì)同時(shí)影響對(duì)應(yīng)的行或列。
單元格合并:(建議盡量用表格嵌套)
colspan=“n”合并同一行的單元格(后面寫代碼要減去相對(duì)應(yīng)的列)
rowspan=“n” 合并同一列單元格(從第二行開始減去相對(duì)應(yīng)的列)
以上這篇HTML 編輯基礎(chǔ)(菜鳥必看篇)就是小編分享給大家的全部內(nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持我們。
欄 目:CSS/HTML
下一篇:HTML中div和span比較
本文標(biāo)題:HTML 編輯基礎(chǔ)(菜鳥必看篇)
本文地址:http://mengdiqiu.com.cn/a1/CSS_HTML/9560.html
您可能感興趣的文章
- 04-02好看的字體樣式css,好看的字體樣式圖片
- 04-02html中加入css樣式的簡(jiǎn)單介紹
- 01-10通過html為FLASH加鏈接的實(shí)現(xiàn)代碼(div層)
- 01-10IE瀏覽器HTML Hack標(biāo)簽總結(jié)
- 01-10html用style添加屬性示例
- 01-10HTML中rel屬性分析
- 01-10HTML元素設(shè)置焦點(diǎn)的方法
- 01-10在html文件里include文件內(nèi)容的方法小結(jié)
- 01-10常用HTML meta 標(biāo)簽屬性(網(wǎng)站兼容與優(yōu)化需要)
- 01-10用HTML和CSS打造屬于自己的暖男“大白”


閱讀排行
- 1C語言 while語句的用法詳解
- 2java 實(shí)現(xiàn)簡(jiǎn)單圣誕樹的示例代碼(圣誕
- 3利用C語言實(shí)現(xiàn)“百馬百擔(dān)”問題方法
- 4C語言中計(jì)算正弦的相關(guān)函數(shù)總結(jié)
- 5c語言計(jì)算三角形面積代碼
- 6什么是 WSH(腳本宿主)的詳細(xì)解釋
- 7C++ 中隨機(jī)函數(shù)random函數(shù)的使用方法
- 8正則表達(dá)式匹配各種特殊字符
- 9C語言十進(jìn)制轉(zhuǎn)二進(jìn)制代碼實(shí)例
- 10C語言查找數(shù)組里數(shù)字重復(fù)次數(shù)的方法
本欄相關(guān)
- 04-02表格樣式css樣式,css樣式表單
- 04-02好看的字體樣式css,好看的字體樣式圖
- 04-02分頁樣式css,分頁樣式j(luò)q
- 04-02分頁樣式css,分頁樣式欄里用來定義首
- 04-02css樣式的引入,css樣式怎么引入
- 04-02css滾動(dòng)條樣式,css滾動(dòng)條的樣式
- 04-02css樣式引入方式有幾種,網(wǎng)頁引入css樣
- 04-02html中加入css樣式的簡(jiǎn)單介紹
- 04-02vue中的css樣式布局,vue添加css樣式
- 04-02內(nèi)嵌樣式css,內(nèi)嵌樣式表,內(nèi)部樣式表
隨機(jī)閱讀
- 08-05DEDECMS點(diǎn)擊主欄目默認(rèn)顯示第一個(gè)子欄
- 08-05織夢(mèng)dedecms首頁調(diào)用縮略圖為背景
- 08-05dedecms織夢(mèng)模板全站調(diào)用收藏?cái)?shù)的方法
- 01-10C++實(shí)現(xiàn)將數(shù)組中的值反轉(zhuǎn)
- 01-10vue實(shí)現(xiàn)分頁加載效果
- 01-10bat批處理徹底隱藏文件的方法(使用
- 01-10C++ 類訪問控制的條件總結(jié)
- 01-10C語言打印楊輝三角示例匯總
- 08-05dedecms織夢(mèng)模板編輯文檔的同時(shí)自動(dòng)更
- 01-11常用的HTML富文本編譯器UEditor、CKEdi