HTML 概述
HTML結構
<!DOCTYPE html>必須位於最開始,告訴瀏覽器頁麵類型。<html> 與 </html> 之間的文本描述網頁
<head> 與 </head> 標簽用於定義文檔的頭部。
下麵這些標簽可用在 head 部分:<base>, <link>, <meta>, <script>, <style>, 以及 <title>。
下麵語句用於5秒後跳轉。
<meta http-equiv="Refresh" content="5;url=https://www.w3school.com.cn" />
<body> 與 </body> 之間的文本是可見的頁麵內容
常用標簽
<h1> 與 </h1> 之間的文本被顯示為標題有<h1> - <h6> 六級標題。
<p> 與 </p> 之間的文本被顯示為段落
段落之間有較大的間距。
<a> 與 </a> 之間的文本被顯示為鏈接
<a>標簽中加入屬性 可以讓鏈接沒有下劃線。
<a href="https://baidu.com" target="_blank">點我新窗口到百度</a>
target的其他取值有 _self:自身 _top:頂層框架 _parent:父框架
<span> 是內聯元素,可用作文本的容器。當與 CSS 一同使用時,<span> 元素可用於為部分文本設置樣式屬性。
<div>瀏覽器會在此元素後換行。
<hr /> 標簽在 HTML 頁麵中創建水平線,用於分隔內容。<br/>換行
<iframe >元素會創建包含另外一個文檔的內聯框架,即在頁麵中嵌套展示另一個頁麵。例:
可以添加此標簽的屬性隱藏掉邊框,用於複用頁頭、頁腳等。
<iframe src="footer.html" frameborder="no" border="0" ></iframe>
注意,嵌套別人的網站時不能修改dom,這是瀏覽器為了安全做的限製。
<iframe name="footerIframe" src="" ></iframe> <script>window.frames["footerIframe"].//document就得到了嵌套網頁的html。</script>
特殊字符
瀏覽器在顯示 HTML 時,會省略源代碼中多餘的空白字符(空格或回車等)。
作為空格占位符。
© 圓圈內含有C字母的copyRigth版權標誌。
注釋:<!-- This is a comment -->
標簽的屬性
<div class="class1" id="id1">當您保存 HTML 文件時,既可以使用 .htm 也可以使用 .html 擴展名。兩者沒有區別。
圖片
HTML 圖像是通過 <img> 標簽進行定義的。<img src="w3school.jpg" alt=”我的圖片” width="104" height="142" />常用格式為GIF 和 JPEG。
音頻
<audio src="song.ogg" controls="controls">若不支持顯示此文本</audio>
<audio> 與 </audio> 之間插入的內容是供不支持 audio 元素的瀏覽器顯示的。
autoplay="autoplay" 表示加載網頁時自動播放。controls="controls"表示顯示暫停、靜音等控件。
最後更新:2017-04-03 05:40:19