、換行：<br>

2、超鏈接：<a></a>

示例源碼：

abc<br>dedfgsadfa<br>

<a href="#">超鏈接的文字</a> reference<br>

<a target="_self">百

度</a><br>

<a target="_blank">

以新窗口打開百度</a><br>

<a title="點擊有驚

喜">帶懸停提示的超鏈接</a><br>

<a title="xxxx"

target="_blank">帶懸停提示點擊以新窗口打開百度

</a><br>

<a title="yyyy"><img

src=cwhello.jpg" alt="yyyy"

style="border:none;"></a><br>

<a href="index1.html">點擊打開相對路徑的網頁</a>

3、字體傾斜：<i></i>、<em></em>

4、字體加粗：<b></b> 、<strong></strong> bold (磅)

5、字體下劃線：<u></u>

6、字體：<font></font>

Color 顏色設置

Size 大小，默認字體大小是12像素（px，pixel），size可以進行縮放，最大+7，最小-7，超出以最大值進行顯示；

Font-size 具體大小

Font-weight 具體粗細

Font-family 字體

Text-decoration 文本修飾

示例源碼：

<i>重<b>蔚</b><u>自</u><font color="red" size="+100" style="font-size:50px;font-weight:900; text-decoration:overline;"><font style="text-decoration:line-through; font-family:'華文行楷';">留地</font></font>！！！</i>

TIPS：默認字體位置c:\windows\fonts 目錄下

7、水平線：<hr>

Solid 固體（實線）、dashed（虛線）、double、dotted、……

<hr style="border:1px double yellow; height:1px;" />

8、列表：無序列表、有序列表

<!--unorderlist 無序-->

<ul>

<li>列表項</li>

<li>列表項</li>

<li>列表項</li>

<li>列表項</li>

</ul>

<!--orderlist 有序-->

<ol>

<li>列表項</li>

<li>列表項</li>

<li>列表項</li>

<li>列表項</li>

</ol>

9、文字上標：

10、文字下標：

11、文字標題：

<h1></h1>

<h1></h1>

……

<h6></h6>

TIPS:一個頁面最多用1個H1，2個H2，從H3開始隨意。

12、Seo:Search Enigee Oriented，搜索引擎優化。

13、元標簽：<meta>

<meta http-equiv="keywords" content="XXX美食網 美食 xxx" />

<meta http-equiv="description" content="XXX美食網 主打徽系精品菜系 " />

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

14、編碼知識：

Gb2312 國標2312，保存中文第四代簡化字的編碼。

Gbk 包含中文簡體、繁體、火星文

UTF-8 國際通用網頁編碼，保存的文字內容比中文高一位。

1個漢字=2Byte=2*8bit

向上兼容：低版本軟件可以在高版本運行，反之則不一定。

15、容器級標簽：

<p></p> 段落

<div></div> 層

<span></span>

16、其他特殊：

一個英文半角空格 &nbsp;

小于 &lt;

大于 &gt;

&copy;

17、標簽分類與轉換：

所有的標簽可以分為二大類

1、塊（block）元素：后面的內容會自動換行！！！

2、內聯（行內inline）元素：后面的內容不會換行！！！

轉換：

<標簽 style=”display:inline;”></標簽>

例1

<a style="display:block;" href="#">aaaa</a>

<a href="#">bbb</a>

例2

<div style="display:inline;">aaa</div>

Bbb

比較下面2段代碼看看效果：

第一段：

<div style="visibility:hidden;">abc</div>

<div>edf</div>

第二段：

<div style=" display:none;">abc</div>

<div>edf</div>

瀏覽器訪問常用快捷鍵：

1) ctrl+鼠標滾輪，可以縮放瀏覽器的內容

2) Ctrl+0 可以使縮放的網頁顯示為正常大小

3) 在DW中F12為預覽快捷鍵

習HTML時有時候我們需要用代碼設置邊框或虛線邊框的樣式，那該怎么設置呢？下面上海非凡進修學院HTML5開發培訓機構大咖分享下html虛線邊框設置教程，會對幾個不同標簽加虛線邊框效果樣式，同學們可以根據示例靈活掌握與應用到自己DIV+CSS布局中。

為了對html不同標簽加邊框虛線，我們選擇幾個常用標簽對齊設置邊框虛線效果。

1、html常用標簽

div標簽

span

ul li

table tr td

2、實例用到CSS屬性單詞

border

width

height

3、實現虛線的CSS重點介紹

border為邊框屬性，如果要實現對象邊框效果，要設置邊框寬度、邊框顏色、邊框樣式（實線還是虛線）

border:1px dashed #F00 這個就是設置邊框樣式寬度為1px，虛線，虛線為紅色。

4、實例描述

我們對以上幾個標簽設置相同寬度、相同高度、邊框效果。

5、HTML代碼示例：

以上示例對html中不同標簽設置相同的樣式，包括相同邊框虛線。

上海HTML5開發培訓機構大咖提示邊框三個樣式

通常我們可以對邊框設置寬度（厚度）、邊框樣式、邊框顏色這三個屬性與參數。

1）、邊框顏色：border-color:#000

2）、邊框厚度（寬度）：border-width:1px

使用數字+單位設置邊框厚度寬度，如1px(邊框厚度寬度為1像素)，邊框必須為正數字，大于0的數值。否則設置邊框border樣式無效。

3）、border邊框樣式：border-style:solid

上海HTML5開發培訓機構大咖提示：邊框border樣式值如下：

none :無邊框。與任何指定的border-width值無關

hidden : 隱藏邊框。IE不支持

dotted : 在MAC平臺上IE4+與WINDOWS和UNIX平臺上IE5.5+為點線。否則為實線（常用）

dashed : 在MAC平臺上IE4+與WINDOWS和UNIX平臺上IE5.5+為虛線。否則為實線（常用）

solid :實線邊框（常用）

double : 雙線邊框。兩條單線與其間隔的和等于指定的border-width值

groove : 根據border-color的值畫3D凹槽

ridge :根據border-color的值畫菱形邊框

inset : 根據border-color的值畫3D凹邊

outset : 根據border-color的值畫3D凸邊