HTML语言：经典笔记(ZT)
目? ?錄
??????????????????? 一、HTML語言簡述
??????????????????? 二、HTML語言的精華——超鏈接?
??????????????????? 三、提高代碼的可讀性——注釋語句
??????????????????? 四、格式化文本
??????????????????? 五、格式化段落
??????????????????? 六、引用多媒體
??????????????????? 七、頭部內容
????????????????? ??? ...???? ......
一、HTML語言簡述
HTML：Hyper Text Markup Language?的簡寫，意為：?超文本標記語言；
HTML：不是 程序 語言，它只是一種 標記 語言，一種 文本 語言；
HTML：所有標記都必須用尖括號（ " < " 和 " > " ）括起來；
HTML：大部分標記是成對出現的，結束標記須以"/"開頭；只有少數標記不成對出現；
HTML：標記不區分大小寫，web標準中是小寫的;
?????????????? 默認情況ASP.NET 2.0 中系統提供的HTML標記都用小寫字母表示；
HTML：已成為各種瀏覽器的通用標準，并獨立于各種操作系統平臺；
HTML：的重要性：是所有瀏覽器都能識別的語言，是瀏覽器生成網頁的基礎；
????????????????????????不管你采用哪種技術，哪種語言最終都以HTML的形式輸出；
另外：XML語言的標記可以任意定義，所以HTML標記可以說是其中的一部分。
?
?
?
?
二、HTML語言的精華——超鏈接
超鏈接是HTML語言的精華。
在HTML語言中使用A標記來創建超鏈接
文字鏈接
耀眼冰藍
基本格式：
錨點(書簽)鏈接
回到頂部???? ?跳轉到其它頁面的指定部分?
基本格式：
<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">跳轉到其它頁面的指定部分</a>
郵件鏈接
給耀眼冰藍發信
基本格式：
<a?href="mailto:yoyebina@gmail.com?subject=關于耀眼冰藍的博客">
<SPAN?style="TEXT-DECORATION:?none">給耀眼冰藍發信</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>
下標:耀眼冰藍<sub>yoyebina</sub>
粗體:<B>耀眼冰藍</B>
斜體:<I>耀眼冰藍</I>
下劃線:<U>耀眼冰藍</U>
刪除線:<S>耀眼冰藍</S>
效果如下：
http://yoyebina.cnblogs.com
上標:耀眼冰藍yoyebina
下標:耀眼冰藍yoyebina
粗體:耀眼冰藍
斜體:耀眼冰藍
下劃線:耀眼冰藍
刪除線:耀眼冰藍
?
?五、格式化段落
·分段標記P：用該標記時會跳過一個空行，若省略結束</p>,則可將開始標<p>記放在段尾。
???其常用屬性是align,用于設置段落的水平對齊方式。
·換行標記br：強行規定當前行中斷，使后續的內容在下一行顯示。
·標題標記Hn：n的取值是1到6，當n取1時，標題的字號最大；當n取6時，標題的字號最小；
·水平線標記hr：屬性有：align(默認為center)， color， noshade(無陰影)， size(豎直尺寸)， width(水平長度)
·如果要將部分內容居中對齊，可以用<center>和</center>
???如果要將多個段落設置為相同的對齊方式，可用<div>和</div>
?
?六、引用多媒體
背景音樂
<bgsound src="URL" loop="*"> loop設定循環的次數,loop=infinete表示不斷循環到關閉為止
插入圖象
<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>
?
??七、頭部內容
頭部的內容在網頁中 基本上（標題會顯示）不顯示出來，但也是非常重要的。
收藏夾小圖標：
制作一個16x16的icon圖標，命名為favicon.ico，放在根目錄下；然后將下面的代碼嵌入head區：
<link?rel="shortcut?icon"?href="/favicon.ico"?type="image/x-icon"?/>
轉載于:https://www.cnblogs.com/chinhr/archive/2007/08/24/868156.html
總結
以上是生活随笔為你收集整理的HTML语言：经典笔记(ZT)的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 纪念一下，呵呵
- 下一篇： 2017年html5行业报告,云适配发布