今天小編和大家分享有關(guān)于:“在HTML5超文本標記語言的實現(xiàn)方法總結(jié)!”這方面的相關(guān)內(nèi)容,希望正在學(xué)習(xí)這方面的小伙伴們可以有所收獲!
標記:
<!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<2
,a>2——a>2
,&:&
,不可打斷的空格
ü——ü
,ü——Ü;
列表
形成文字前的·(形成文字前的數(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.導(dǎo)航至該網(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)整
那么以上及就是有關(guān)于:“在HTML5超文本標記語言的實現(xiàn)方法總結(jié)!”這方面的全部內(nèi)容,更多有關(guān)于html5這方面的相關(guān)內(nèi)容我們都可以在W3Cschool中進行學(xué)習(xí)和了解!