目? ?錄

??????????????????? 一、HTML語言簡述
??????????????????? 二、HTML語言的精華——超鏈接?
??????????????????? 三、提高代碼的可讀性——注釋語句
??????????????????? 四、格式化文本
??????????????????? 五、格式化段落
??????????????????? 六、引用多媒體
??????????????????? 七、頭部內(nèi)容
????????????????? ??? ...???? ......

---

一、HTML語言簡述

HTML：Hyper Text Markup Language?的簡寫，意為：?超文本標記語言；
HTML：不是 程序 語言，它只是一種 標記 語言，一種 文本 語言；
HTML：所有標記都必須用尖括號（ " < " 和 " > " ）括起來；
HTML：大部分標記是成對出現(xiàn)的，結(jié)束標記須以"/"開頭；只有少數(shù)標記不成對出現(xiàn)；
HTML：標記不區(qū)分大小寫，web標準中是小寫的;
?????????????? 默認情況ASP.NET 2.0 中系統(tǒng)提供的HTML標記都用小寫字母表示；
HTML：已成為各種瀏覽器的通用標準，并獨立于各種操作系統(tǒng)平臺；
HTML：的重要性：是所有瀏覽器都能識別的語言，是瀏覽器生成網(wǎng)頁的基礎(chǔ)；
????????????????????????不管你采用哪種技術(shù)，哪種語言最終都以HTML的形式輸出；
另外：XML語言的標記可以任意定義，所以HTML標記可以說是其中的一部分。

?

?

---

?

?

二、HTML語言的精華——超鏈接

超鏈接是HTML語言的精華。
在HTML語言中使用A標記來創(chuàng)建超鏈接

文字鏈接
耀眼冰藍
基本格式：

<a?href="URL(必選項)"?target="目標(可選項)"?title="鼠標放上時顯示的文字(可選項)">文本</a>
錨點(書簽)鏈接
回到頂部???? ?跳轉(zhuǎn)到其它頁面的指定部分?
基本格式：
<a?name="top"?id="top"></a>　<!--定義錨點的方法:只是把?href?換成了?name?而已.-->
<a?href="#top">回到頂部</a><br?/>
<a?href="http://www.cnblogs.com/yoyebina/archive/2006/11/12/558479.html#20"?target="_blank">跳轉(zhuǎn)到其它頁面的指定部分</a>
郵件鏈接
給耀眼冰藍發(fā)信
基本格式：
<a?href="mailto:yoyebina@gmail.com?subject=關(guān)于耀眼冰藍的博客">
<SPAN?style="TEXT-DECORATION:?none">給耀眼冰藍發(fā)信</SPAN>
</a>
?圖片鏈接

基本格式：
<a?href="http://yoyebina.cnblogs.com"?target="_blank"?>
<img?src="http://www.yoyebina.com/Images/logo.gif"?border="0"?alt="點擊去耀眼冰藍的博客"?>
</a>
移動鏈接(目的：增加吸引力)
點這里查看詳細方法...
基本格式：
<marquee>
<a?href="http://www.cnblogs.com/yoyebina/archive/2006/11/22/569178.html"?target="_blank"?>
<SPAN?style="TEXT-DECORATION:?none">點這里查看詳細方法</SPAN>
</a>
</marquee>

---

三、提高代碼的可讀性——注釋語句

下面是單行和多行兩種注釋語句：
<!--單行的注釋語句:歡迎訪問耀眼冰藍的博客:?http://yoyebina.cnblogs.com-->

<!--這是一條多行的注釋語句,
歡迎訪問耀眼冰藍的站點:?http://www.yoyebina.com-->
四、格式化文本

<font?face="宋體"?size="2"?color="green">http;//yoyebina.cnblogs.ocm</font>

上標:耀眼冰藍<suP>yoyebina</sup>
下標:耀眼冰藍_yoyebina

粗體:<B>耀眼冰藍</B>
斜體:<I>耀眼冰藍</I>

下劃線:<U>耀眼冰藍</U>
刪除線:<S>耀眼冰藍</S>

效果如下：

http://yoyebina.cnblogs.com

上標:耀眼冰藍^yoyebina

下標:耀眼冰藍_yoyebina


粗體:耀眼冰藍

斜體:耀眼冰藍


下劃線:耀眼冰藍

刪除線:耀眼冰藍

?

?五、格式化段落

·分段標記P：用該標記時會跳過一個空行，若省略結(jié)束</p>,則可將開始標<p>記放在段尾。
???其常用屬性是align,用于設(shè)置段落的水平對齊方式。

·換行標記br：強行規(guī)定當前行中斷，使后續(xù)的內(nèi)容在下一行顯示。

·標題標記Hn：n的取值是1到6，當n取1時，標題的字號最大；當n取6時，標題的字號最小；

·水平線標記hr：屬性有：align(默認為center)， color， noshade(無陰影)， size(豎直尺寸)， width(水平長度)

·如果要將部分內(nèi)容居中對齊，可以用<center>和</center>
???如果要將多個段落設(shè)置為相同的對齊方式，可用<div>和</div>

---

?

?六、引用多媒體

背景音樂
<bgsound src="URL" loop="*"> loop設(shè)定循環(huán)的次數(shù),loop=infinete表示不斷循環(huán)到關(guān)閉為止

插入圖象
<img src="Images/yoyebina.gif" alt="我的圖片" bordor="1">
img標記的常用屬性:src,alt.height,width,border,hspace(圖片與左右兩端文本距離),vspace(圖片與上下兩端文本距離) ,align

插入視頻
<img src="yoyebina.avi">

插入動畫
<embed src="yoyebina.swf/midi"></embed>

通用標記
<object 屬性=屬性值></object>

---

?

??七、頭部內(nèi)容

頭部的內(nèi)容在網(wǎng)頁中 基本上（標題會顯示）不顯示出來，但也是非常重要的。

收藏夾小圖標：
制作一個16x16的icon圖標，命名為favicon.ico，放在根目錄下；然后將下面的代碼嵌入head區(qū)：

<link?rel="icon"?href="/favicon.ico"?type="image/x-icon"?/>
<link?rel="shortcut?icon"?href="/favicon.ico"?type="image/x-icon"?/>

轉(zhuǎn)載于:https://www.cnblogs.com/chinhr/archive/2007/08/24/868156.html

總結(jié)

以上是生活随笔為你收集整理的HTML语言：经典笔记(ZT)的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。