閱讀315 返回首頁    go 阿裏雲 go 技術社區[雲棲]


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 時,會省略源代碼中多餘的空白字符(空格或回車等)。

&nbsp;   作為空格占位符。

&copy;   圓圈內含有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

  上一篇:go 在Mac上刪除Mysql
  下一篇:go 依賴注入 概述