App下載

在HTML5超文本標記語言的實現(xiàn)方法總結(jié)！

人逝花落空 2021-08-17 10:20:57 瀏覽數(shù) (1776)
反饋

今天小編和大家分享有關于：“在HTML5超文本標記語言的實現(xiàn)方法總結(jié)！”這方面的相關內(nèi)容，希望正在學習這方面的小伙伴們可以有所收獲！

標記：

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

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

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

分段

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

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

第一級標題<h1></h1>,可作六級標題，數(shù)字越大，字符越小（內(nèi)含自動換行）

拆單詞<wbr></wbr>，告訴瀏覽器此單詞可分開，以保證右對齊

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

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

字體樣式

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

打字機的字體<tt></tt>,字縮小<small></small>

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

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

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

高亮<mark><mark>

短語格式

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

特殊格式

地址<address></address>，縮進（可嵌套）<blockquote></blockquote>，小引用<q></q>,不做格式重排（可原本展示原有格式）<pre></pre>

屬性

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

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

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

小于符號/大于符號：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>,則第一個項目標號-1

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

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

圖片

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

鏈接

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

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

若有<a target=-blank(建立新的空白頁面)>網(wǎng)易新聞</a>

在圖形上建立超鏈接：

<img src="" width=100 hight=100 usemap="#map" />
<map name="map">
    <area shape="ract" coords="0,0(坐標),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>:此時無格子線<table border="1">:此時有格子線

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

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

`表格`

列寬會根據(jù)表格自動調(diào)整

那么以上及就是有關于：“在HTML5超文本標記語言的實現(xiàn)方法總結(jié)！”這方面的全部內(nèi)容，更多有關于html5這方面的相關內(nèi)容我們都可以在W3Cschool中進行學習和了解！


HTML5

0 人點贊