當前位置：首頁 > 前端技术 > HTML >内容正文

HTML

HTML语言：经典笔记(ZT)

發布時間：2025/5/22 HTML 18 豆豆

生活随笔收集整理的這篇文章主要介紹了 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?href="URL(必選項)"?target="目標(可選項)"?title="鼠標放上時顯示的文字(可選項)">文本</a>
錨點(書簽)鏈接
回到頂部???? ?跳轉到其它頁面的指定部分?
基本格式：
<a?name="top"?id="top"></a>　
<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">給耀眼冰藍發信
</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">點這里查看詳細方法
</a>
</marquee>

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

下面是單行和多行兩種注釋語句：



四、格式化文本

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

上標:耀眼冰藍yoyebina
下標:耀眼冰藍yoyebina

粗體:耀眼冰藍
斜體:耀眼冰藍

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

效果如下：

http://yoyebina.cnblogs.com

上標:耀眼冰藍^yoyebina

下標:耀眼冰藍_yoyebina

粗體:耀眼冰藍

斜體:耀眼冰藍

下劃線:耀眼冰藍

刪除線:耀眼冰藍

?五、格式化段落

·分段標記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區：

轉載于:https://www.cnblogs.com/chinhr/archive/2007/08/24/868156.html

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。