HTML5超文本標(biāo)記語(yǔ)言怎么用

小編給大家分享一下HTML5超文本標(biāo)記語(yǔ)言怎么用，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

網(wǎng)站建設(shè)哪家好，找創(chuàng)新互聯(lián)建站！專注于網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站建設(shè)、微信開(kāi)發(fā)、小程序開(kāi)發(fā)、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項(xiàng)目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了碧江免費(fèi)建站歡迎大家使用！

HTML5：超文本標(biāo)記語(yǔ)言

html5：用來(lái)表達(dá)是什么，而不是表達(dá)格式

標(biāo)記

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

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

段落（一般瀏覽器不換行）

分段

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

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

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

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

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

<hgroup>
    <h2>我喜歡</h2>
    <h3>你啊</h3>
</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>

短語(yǔ)格式

強(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>，無(wú)結(jié)束符號(hào)，<hr width=50%>(width=50,占50個(gè)像素點(diǎn)),分割線長(zhǎng)度占頁(yè)面50%，高度size=10，align=lest 靠左，縮寫(xiě)<abbr title="中華人民共和國(guó)">PRC</abbr>

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

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

小于符號(hào)/大于符號(hào)：a<2——a<2,a>2——a>2,&:&,不可打斷的空格 ü——ü,Ü——&Uuml；

列表

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

<ul>
    <li>紅茶</li>
    <li>可樂(lè)</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)頁(yè)<iframe src="http://....com"><iframe>,可加width hight屬性

鏈接

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

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

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

在圖形上建立超鏈接

<img src="" width=100 hight=100 usemap="#map" />

<map name="map">
    <area shape="ract" coords="0,0(坐標(biāo)),50,50（長(zhǎng)寬）" 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í)無(wú)格子線<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)整

以上是“HTML5超文本標(biāo)記語(yǔ)言怎么用”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

名稱欄目：HTML5超文本標(biāo)記語(yǔ)言怎么用
路徑分享：http://muchs.cn/article26/gppojg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站排名、服務(wù)器托管、云服務(wù)器、網(wǎng)站導(dǎo)航、網(wǎng)頁(yè)設(shè)計(jì)公司、標(biāo)簽優(yōu)化

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容