主頁 > 知識(shí)庫 > HTML5超文本標(biāo)記語言的實(shí)現(xiàn)方法

HTML5超文本標(biāo)記語言的實(shí)現(xiàn)方法

熱門標(biāo)簽:只辦理400電話 拓展地圖標(biāo)注 機(jī)器人外呼系統(tǒng)存在哪些能力 電話機(jī)器人電銷系統(tǒng)掙話費(fèi) 如何獲取地圖標(biāo)注客戶 高德地圖標(biāo)注地點(diǎn)糾錯(cuò) 南昌仁和怎么申請(qǐng)開通400電話 電話機(jī)器人黑斑馬免費(fèi) 平?jīng)龅貓D標(biāo)注位置怎么弄

HTML5:超文本標(biāo)記語言

html5:用來表達(dá)是什么,而不是表達(dá)格式

標(biāo)記

<!DOCTYPE html>
<html>
    <head>
        <title>我的頁面</title>
        <meta charet=utf-8>
    </head>
    <body>
        我的第一個(gè)html頁面
    </body>
</html>

瀏覽器會(huì)根據(jù)本機(jī)編碼來解析html

段落(一般瀏覽器不換行)

分段

——段落,最后呈現(xiàn)的效果(如是否空行等等,由瀏覽器來決定)

段內(nèi)分行<br>無結(jié)束標(biāo)記

第一級(jí)標(biāo)題<h1></h1>,可作六級(jí)標(biāo)題,數(shù)字越大,字符越?。▋?nèi)含自動(dòng)換行)

拆單詞<wbr></wbr>,告訴瀏覽器此單詞可分開,以保證右對(duì)齊

連續(xù)的兩層標(biāo)題<hgroup></hgroup>

<hgroup>
    <h1>我喜歡</h1>
    <h2>你啊</h2>
</hgroup>

字體樣式

加粗<b></b>,斜體<i></i>,可嵌套

打字機(jī)的字體<tt></tt>,字縮小<small></small>

刪除<del></del>加入<ins><ins>

不被提倡的<s></s>效果與del類似

上標(biāo)( 平方)<sup></sup>,下標(biāo)<sub></sub>

高亮<mark><mark>

短語格式

強(qiáng)調(diào)<em></em>著重<strong></strong>,定義<dfn></dfn>,代碼(小段)<code></code>,例子代碼<samp></samp>,用戶輸入<kbd></kbd>,變量<var></var>,引用<cite></cite>

特殊格式

地址<address></address>,縮進(jìn)(可嵌套)<blockquote></blockquote>,小引用<q></q>,不做格式重排(可原本展示原有格式)<pre></pre>

屬性

加入分割線<hr>,無結(jié)束符號(hào),<hr width=50%>(width=50,占50個(gè)像素點(diǎn)),分割線長度占頁面50%,高度size=10,align=lest 靠左,縮寫<abbr title="中華人民共和國">PRC</abbr>

所有標(biāo)記都可跟title=“”在鼠標(biāo)停留后出現(xiàn)文字

<bdo dir=rtl><bdi></bdi></bdo>,文字從右向左排

小于符號(hào)/大于符號(hào):a<2——a&lt;2,a>2——a&gt;2,&:&amp;,不可打斷的空格&nbsp;ü——&uuml;,Ü——&Uuml;

列表

形成文字前的·(形成文字前的數(shù)字,即將<ul>變成<ol>

<ul>
    <li>紅茶</li>
    <li>可樂</li>
</ul>

若用<ol strart=-1>,則第一個(gè)項(xiàng)目標(biāo)號(hào)-1

形成詞條 方糖 方的糖,甜的

<dl>
    <dt>方糖</dt>
    <dd>方的糖,甜的</dd>
</dl>

圖片

在html中被看做一個(gè)字符,從左往右與字符一起排<img src="mama.jpg(可加其他網(wǎng)站的網(wǎng)址)" width="200" alt="mama"(放在圖片底層,以免加載不出)/>,傳統(tǒng)上屬性的值加引號(hào),gif,jpg,png其他格式不一定可在瀏覽器看,加入網(wǎng)頁<iframe src="http://....com"><iframe>,可加width hight屬性

鏈接

1.<a href="http: "(協(xié)議非常重要,要是沒有會(huì)找當(dāng)前目錄下)>網(wǎng)易新聞</a>,在文字“網(wǎng)易新聞上”加超鏈接

2.導(dǎo)航至該網(wǎng)頁里的某一段落:在某一段落的<p>中寫上<p id="haha">(h1,h2也可以用),用超鏈接<a href="you.html #haha">前往you網(wǎng)頁的位置</a>

若有<a href="http://news.163.com" target=-blank(建立新的空白頁面)>網(wǎng)易新聞</a>

在圖形上建立超鏈接

<img src="" width=100 hight=100 usemap="#map" />
<map name="map">
    <area shape="ract" coords="0,0(坐標(biāo)),50,50(長寬)" href="http..." alt="news" />
  <area shape="circle" coords="75,75,25(半徑)" href="http..." alt="news" />  
</map>

表格

<table></table>,大表格有

<thead>
<tbody>
<tfoot>
</tfoot>
</tbody>
</thead>

<table>:此時(shí)無格子線<table border="1">:此時(shí)有格子線

<tr>表格的一行
    <td>ios</td>一行中的一格
    <td>yes</td>
    <td>yes</td>
</tr>

<thead>
    <tr>
        <th>OS</th>
        <th>Chinese</th>
        <th>French</th>
    </tr>
</thead>

`表格`

列寬會(huì)根據(jù)表格自動(dòng)調(diào)整

到此這篇關(guān)于HTML5超文本標(biāo)記語言的文章就介紹到這了,更多相關(guān)HTML5超文本標(biāo)記語言內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持腳本之家!

標(biāo)簽:池州 青島 遼源 永州 新疆 棗莊 漯河 西藏

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《HTML5超文本標(biāo)記語言的實(shí)現(xiàn)方法》,本文關(guān)鍵詞  HTML5,超文本,標(biāo)記,語言,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《HTML5超文本標(biāo)記語言的實(shí)現(xiàn)方法》相關(guān)的同類信息!
  • 本頁收集關(guān)于HTML5超文本標(biāo)記語言的實(shí)現(xiàn)方法的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章