- 所在位置：
- 首頁 >
- 編程技術(shù) >
- CSS/HTML >
- HTML5超文本標(biāo)記語言怎么理解，包括哪些內(nèi)容
HTML5超文本標(biāo)記語言怎么理解，包括哪些內(nèi)容
Admin 2022-07-01 群英技術(shù)資訊 819 次瀏覽
在這篇文章中，我們來學(xué)習(xí)一下“HTML5超文本標(biāo)記語言怎么理解，包括哪些內(nèi)容”的相關(guān)知識，下文有詳細(xì)的講解，易于大家學(xué)習(xí)和理解，有需要的朋友可以借鑒參考，下面就請大家跟著小編的思路一起來學(xué)習(xí)一下吧。HTML5：超文本標(biāo)記語言
html5：用來表達(dá)是什么，而不是表達(dá)格式
標(biāo)記
<!DOCTYPE html>
<html>
<head>
<title>我的頁面</title>
<meta charet=utf-8>
</head>
<body>
我的第一個html頁面
</body>
</html>
瀏覽器會根據(jù)本機(jī)編碼來解析html
段落（一般瀏覽器不換行）
分段
——段落，最后呈現(xiàn)的效果（如是否空行等等，由瀏覽器來決定）
段內(nèi)分行<br>無結(jié)束標(biāo)記
第一級標(biāo)題<h1></h1>,可作六級標(biāo)題，數(shù)字越大，字符越小（內(nèi)含自動換行）
拆單詞<wbr></wbr>，告訴瀏覽器此單詞可分開，以保證右對齊
連續(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é)束符號，<hr width=50%>(width=50,占50個像素點(diǎn)),分割線長度占頁面50%，高度size=10，align=lest 靠左，縮寫<abbr title="中華人民共和國">PRC</abbr>
所有標(biāo)記都可跟
title=“”在鼠標(biāo)停留后出現(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>,則第一個項目標(biāo)號-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é)議非常重要，要是沒有會找當(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 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>:此時無格子線<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超文本標(biāo)記語言怎么理解，包括哪些內(nèi)容”的文章就介紹到這了,更多相關(guān)的內(nèi)容，歡迎關(guān)注群英網(wǎng)絡(luò)，小編將為大家輸出更多高質(zhì)量的實用文章！
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：[email protected]進(jìn)行舉報，并提供相關(guān)證據(jù)，查實之后，將立刻刪除涉嫌侵權(quán)內(nèi)容。
猜你喜歡
-
chrome最小字體限制的問題如何解決？教你兩種方法
chrome最小字體限制的問題如何解決？一些朋友可能知道Chrome 默認(rèn)最小字體是12px，這樣的設(shè)計也是出于為了更好顯示中文，但是這樣的設(shè)計也有一個壞處，就是可能會出現(xiàn)某些上標(biāo)、下標(biāo)字體過大的情況，這對于用戶體驗并不好，那么我們有沒有什么解決方法呢？接下來給大家分享兩種方法，感興趣的朋友可以了解看看。
-
css3怎樣寫時鐘動畫效果？簡單時鐘效果代碼分享
這篇文章給大家分享用純CSS3實現(xiàn)運(yùn)行時鐘的代碼，實現(xiàn)效果包括時鐘表和數(shù)字時鐘兩種，下文有具體的代碼，有學(xué)習(xí)需要的朋友可以參考來實現(xiàn)。下圖是實現(xiàn)效果展示，感興趣就繼續(xù)往下看吧。
-
CSS中flex-basis導(dǎo)致文本溢出怎么處理
這篇文章主要介紹了CSS flex-basis 文本溢出問題的解決，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
-
用CSS怎樣畫三角形和餅圖，方法是什么
這篇文章主要介紹了CSS代碼實現(xiàn)三角形和餅圖的方法，非常不錯，具有一定的參考借鑒價值，需要的朋友參考下吧
-
HTML5項目中怎么實現(xiàn)及優(yōu)化分享截圖的功能
這篇文章主要介紹了前端Html5如何實現(xiàn)分享截圖的示例代碼,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
推薦內(nèi)容
- CSS中flex布局如何實現(xiàn)自動換行？
- 在HTML中如何讓button居中，有幾種方法
- JS中怎樣刪除數(shù)組末尾元素？教你兩種方法
- vue怎樣獲取url參數(shù)?教你兩種方法
- 如何用Python計算BMI指數(shù)？一文帶你看懂
- python怎樣獲取數(shù)組元素的下標(biāo)？教你三種方法
- python中的ord函數(shù)有什么用？用法是什么？
- Python中array與list轉(zhuǎn)換如何做，方法是什么
- 在CSS中怎么實現(xiàn)一條橫線，方法是什么
- Python怎樣設(shè)計串口之間通信的程序
- phpstorm怎么使用和操作？一文帶你快速了解
- vue怎么給對象數(shù)組賦值？this.$set方法幫你解決
成為群英會員,開啟智能安全云計算之旅
立即注冊友鏈合作 群英網(wǎng)絡(luò) 智帝云 主機(jī)評測 idc公司 商城系統(tǒng) 跨境電商 主機(jī)吧 酷庫博客 OA系統(tǒng) 騰訊企業(yè)郵箱 銳成信息 sdwan
關(guān)注或聯(lián)系群英網(wǎng)絡(luò)
7x24小時售前：400-678-4567
7x24小時售后：0668-2555666
24小時QQ客服
群英微信公眾號
CNNIC域名投訴舉報處理平臺
服務(wù)電話：010-58813000
服務(wù)郵箱：[email protected]
投訴與建議：0668-2555555
Copyright ? QY Network Company Ltd. All Rights Reserved. 2003-2020 群英 版權(quán)所有
增值電信經(jīng)營許可證 : B1.B2-20140078 ICP核準(zhǔn)（ICP備案）粵ICP備09006778號 域名注冊商資質(zhì) 粵 D3.1-20240008
