HTML 編輯基礎(chǔ)菜鳥(niǎo)必看篇
打開(kāi)DREAMWEAVER,新建HTML。。
body的屬性:
bgcolor 頁(yè)面背景色
background 背景壁紙、圖片
text 筆墨顏色
topmargin 上邊距
leftmargin 左邊距
rightmargin 右邊距
bottommargin 下邊距
格式控制標(biāo)簽:
<font color="" face="" size=""></font>
分別控制字體的顏色、字體和大小。
<b></b> 字體加粗
<strong></strong> 字體加粗
<i></i> 傾斜
<em></em> 傾斜
<u></u> 下劃線(xiàn)
<center></center> 居中
<br>或<br/> 相稱(chēng)于回車(chē)
透露表現(xiàn)空格,Ctrl+shift+space
內(nèi)容容器標(biāo)簽:
<h1></h1> 題目,會(huì)主動(dòng)換行。HTML題目是
. . . 通過(guò)<h1>到<h6>等標(biāo)簽來(lái)定義的。
<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)的情勢(shì)
<li>內(nèi)容<li>
<li>內(nèi)容<li>
</ol> 上面的ol改為ul則變?yōu)闊o(wú)序號(hào)列表
"../" 透露表現(xiàn)上級(jí)目錄
"./" 透露表現(xiàn)當(dāng)前目錄
相對(duì)路徑:從當(dāng)前頁(yè)面開(kāi)始查找。
絕對(duì)路徑:從網(wǎng)站的根開(kāi)始查找。"/",代表網(wǎng)站的根。
超鏈接標(biāo)簽:
<a href="超鏈接地址" target="_blank">超鏈接筆墨</a> --在新窗口打開(kāi)
還可以在當(dāng)前頁(yè)找到目錄點(diǎn)擊目錄上的超鏈接,主動(dòng)跳轉(zhuǎn)到當(dāng)頁(yè)的某一個(gè)地方。
圖片標(biāo)簽:
<img src="圖片地址" alt="筆墨" width=“” height=“” title=“描述筆墨” />
高度跟寬度設(shè)置一個(gè)即可保持原有比例。
alt在圖片無(wú)法加載時(shí),表現(xiàn)筆墨,還可以幫助搜索引擎搜索。
title可以添加圖片描述,鼠標(biāo)放在圖片上時(shí)可以表現(xiàn)描述。
表格:
<table></table>表格
width:寬度??梢杂孟袼鼗虬俜直韧嘎侗憩F(xiàn)。 常用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”合并統(tǒng)一行的單元格(后面寫(xiě)代碼要減去相對(duì)應(yīng)的列)
rowspan=“n” 合并統(tǒng)一列單元格(從第二行開(kāi)始減去相對(duì)應(yīng)的列)
以上這篇HTML 編輯基礎(chǔ)(菜鳥(niǎo)必看篇)就是小編分享給大家的悉數(shù)內(nèi)容了,盼望能給大家一個(gè)參考,也盼望大家多多支持圖趣網(wǎng)。
本文地址:http://m.irelandcustomcontracting.com/tutorial/wd3350.html
您可能還喜歡
- jquery Jcrop圖像裁切插件中文api文檔
- @media適配不同尺寸的手機(jī)
- 返回上一頁(yè)代碼的幾種寫(xiě)法
- Dreamweaver CC 2014新功能介紹
- 深入了解viewport和px
- 優(yōu)秀CSS代碼書(shū)寫(xiě)的10個(gè)規(guī)范
- 畫(huà)出你的風(fēng)格:HTML5創(chuàng)意畫(huà)板的設(shè)計(jì)教程
- Div中height:100%無(wú)效的解決辦法
- 網(wǎng)頁(yè)前端-網(wǎng)頁(yè)切圖命名規(guī)范
- 為網(wǎng)頁(yè)設(shè)計(jì)師而生的14個(gè)文本編輯器
- 專(zhuān)訪:石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類(lèi)
- 體驗(yàn)設(shè)計(jì)中的排序問(wèn)題
- 網(wǎng)頁(yè)設(shè)計(jì)精粹 網(wǎng)頁(yè)中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢(shì)
- 10個(gè)智能對(duì)象處理的ps技巧
- 網(wǎng)頁(yè)UI - 原子設(shè)計(jì)理論(上)
- 如何通過(guò)設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺(jué)設(shè)計(jì)系列文章(二):全屏