整合營(yíng)銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
使用<title>標(biāo)簽定義HTML文檔的標(biāo)題,<title>在 HTML/XHTML文檔中是必須的。
定義了瀏覽器工具欄的標(biāo)題
當(dāng)網(wǎng)頁(yè)添加到收藏夾時(shí)，顯示在收藏夾中的標(biāo)題
顯示在搜索引擎結(jié)果頁(yè)面的標(biāo)題
<!DOCTYPE html> <html> <head><meta charset="utf-8"><title>這里可以改標(biāo)題</title> </head><body><h1>Hello word！</h1></body></html>
使用<base>定義頁(yè)面中所有鏈接默認(rèn)的鏈接目標(biāo)地址。
<!DOCTYPE html><html><head><meta charset="utf-8"> <title>Web前端</title>
<base href="https://www.ictliuxiao.com" target="_blank"></head><body>
<a href="">默認(rèn)鏈接</a></body></html>
<link>標(biāo)簽定義了文檔與外部資源之間的關(guān)系。
<link>標(biāo)簽通常用于鏈接到樣式表。俗稱外鏈樣式表。
<!DOCTYPE html><html><head><meta charset="utf-8"> <title>Web前端</title>
<link rel="stylesheet" type="text/css" href="css/main.css"></head><body>
<p>CSS的測(cè)試段落1</p>
<a href="https://www.ictliuxiao.com">CSS的測(cè)試段落2，鏈接</a></body></html>
p{
font-size: 100px; /*字體大小100px*/
font-family: "微軟雅黑"; /*字體為微軟雅黑*/
color: red; /*顏色為紅色*/}
a{
text-decoration: none; /*鏈接去掉下劃線*/}
<style>標(biāo)簽定義了HTML文檔的樣式文件引用地址。
在<style>元素中你也可以直接添加樣式來(lái)渲染 HTML 文檔。俗稱內(nèi)聯(lián)樣式表。
<!DOCTYPE html><html><head><meta charset="utf-8"> <title>Web前端</title>
<style type="text/css">
p{
font-size: 100px; /*字體大小100px*/
font-family: "微軟雅黑"; /*字體為微軟雅黑*/
color:aqua; /*顏色為青色*/
}
a{
text-decoration: none; /*鏈接去掉下劃線*/
color: red; /*顏色為紅色*/
}
</style></head><body>
<p>CSS的測(cè)試段落1</p>
<a href="https://www.ictliuxiao.com">CSS的測(cè)試段落2，鏈接</a></body></html>
CSS 可以通過以下方式添加到HTML中，最好的方式是通過外部引用CSS文件。
內(nèi)聯(lián)樣式- 在HTML元素中使用"style" 屬性
內(nèi)部樣式表 -在HTML文檔頭部 <head>區(qū)域使用<style>元素 來(lái)包含CSS
外部引用 - 使用外部 CSS 文件
<!DOCTYPE html><html><head><meta charset="utf-8"> <title>Web前端</title> </head><body style="background-color:yellow;">
<h2 style="background-color:red;">這是一個(gè)標(biāo)題</h2>
<p style="background-color:green;">這是一個(gè)段落。</p></body></html>
一課認(rèn)識(shí)了什么是網(wǎng)頁(yè)，這節(jié)課來(lái)講一下制作網(wǎng)頁(yè)的常用標(biāo)簽。先來(lái)回顧一下上一節(jié)課。
·雙擊一下這邊新建一個(gè)文件，先保存一下，起個(gè)名字，隨便起。
·ai，一定要記得寫點(diǎn)html后綴，保存。
·然后來(lái)打標(biāo)簽，html做網(wǎng)頁(yè)一定得打這一個(gè)，一定一點(diǎn)有的，還有head頭部是得有的。
·body是代表著網(wǎng)頁(yè)的框碼，頭部就是放一些文文件的，這個(gè)就是寫正文，就是內(nèi)容來(lái)的。現(xiàn)在把選一個(gè)，這是保存一下，打開，現(xiàn)在就可以了。
·現(xiàn)在標(biāo)題是沒有的，現(xiàn)在就用一下常用的代碼標(biāo)題。來(lái)到這邊pat里面寫標(biāo)題，這是標(biāo)題的意思是網(wǎng)頁(yè)的標(biāo)題，這是一個(gè)標(biāo)題，保存。
·刷新一下頁(yè)面，標(biāo)題在這邊。
·然后來(lái)看一下常用的，h1到h6就是定義文檔的標(biāo)題，h1的值最大，h6的值最小，一一四排，排一減的。
·比如來(lái)一個(gè)h1對(duì)比一下，保存，刷新，h1的最大，s3的就小一點(diǎn)，s6的最小。
·現(xiàn)在來(lái)看一下p就是定義段落，寫完章之后有很多一段，一段是有很多行字的。比如寫個(gè)p，這邊可以寫很多句話，比如隨便寫，這么長(zhǎng)一段字，這里很長(zhǎng)的。
·假如要換行就用到標(biāo)標(biāo)簽，換行標(biāo)簽b r，就從這里加的，這叫打算考，后面加的pr，所以就換行了。
·定義超鏈接，平常上完之后就會(huì)點(diǎn)擊，點(diǎn)擊到一些東西會(huì)跳到另外一個(gè)頁(yè)面或者會(huì)進(jìn)行下載，是不是就是利用標(biāo)標(biāo)簽的。
·邊選跳到百度，跳到百度，看一下，跳不了，原因是還要選地址，a碼是條連起來(lái)的，寫個(gè)地址，h r，跳到百度，點(diǎn)c o n，保存，刷新，點(diǎn)擊一下，跳來(lái)了，不過電。
先這樣，有事，拜拜。
TML <base> 元素
指定用于一個(gè)文檔中包含的所有相對(duì) URL 的根 URL。一份中只能有一個(gè) <base> 元素。
包含屬性href 和
target 可以指定a 標(biāo)簽的默認(rèn)窗口打開行為
<base href="https://www.baidu.com/img/123" target="_banlk"></base> 默認(rèn)就打開新的窗口 <a href="aaa">123</a>
使用
<base href="https://www.baidu.com/img/"></base> <img src="bd_logo1.png?where=super"></img>
雖然在codepen 的代碼上編寫的但是能夠正確的通過base url + img 的src 定位顯示出圖片
content 標(biāo)簽
HTML <aside> 元素
表示一個(gè)和其余頁(yè)面內(nèi)容幾乎無(wú)關(guān)的部分，被認(rèn)為是獨(dú)立于該內(nèi)容的一部分并且可以被單獨(dú)的拆分出來(lái)而不會(huì)使整體受影響。
HTML <blockquote> 元素
（或者 HTML 塊級(jí)引用元素），代表其中的文字是引用內(nèi)容。通常在渲染時(shí)，這部分的內(nèi)容會(huì)有一定的縮進(jìn)（注 中說明了如何更改）。若引文來(lái)源于網(wǎng)絡(luò)，則可以將原內(nèi)容的出處 URL 地址設(shè)置到 cite 特性上，若要以文本的形式告知讀者引文的出處時(shí)，可以通過 <cite> 元素。
HTML <figure> 元素
代表一段獨(dú)立的內(nèi)容, 經(jīng)常與說明（caption） <figcaption> 配合使用, 并且作為一個(gè)獨(dú)立的引用單元。當(dāng)它屬于主內(nèi)容流（main flow）時(shí)，它的位置獨(dú)立于主體。這個(gè)標(biāo)簽經(jīng)常是在主文中引用的圖片，插圖，表格，代碼段等等，當(dāng)這部分轉(zhuǎn)移到附錄中或者其他頁(yè)面時(shí)不會(huì)影響到主體。
Inline text semantics
HTML 縮寫元素（<abbr>）
用于展示縮寫，并且可以通過可選的 title 屬性提供完整的描述。
ps: 完整描述樣式貌似不能自定義
HTML鍵盤輸入元素(<kbd>)
用于表示用戶輸入，它將產(chǎn)生一個(gè)行內(nèi)元素，以瀏覽器的默認(rèn)monospace字體顯示。
HTML標(biāo)記文本元素(< Mark >)
表示為引用或符號(hào)目的而標(biāo)記或突出顯示的文本，這是由于標(biāo)記的段落在封閉上下文中的相關(guān)性或重要性造成的。
ps:項(xiàng)目中大量使用span 標(biāo)記的做法不符合html5 的語(yǔ)義化
HTML Ruby Base（<rb>）
元素用于分隔<ruby>注釋的基本文本組件（即正在注釋的文本）。一個(gè)<rb>元素應(yīng)該包裝基本文本的每個(gè)單獨(dú)的原子段。
ps: 拼音注解
<samp> 元素
用于標(biāo)識(shí)計(jì)算機(jī)程序輸出，通常使用瀏覽器缺省的 monotype 字體（例如 Lucida Console）。
HTML 中的<small>
元素將使文本的字體變小一號(hào)。(例如從大變成中等，從中等變成小，從小變成超小)。在HTML5中，除了它的樣式含義，這個(gè)元素被重新定義為表示邊注釋和附屬細(xì)則，包括版權(quán)和法律文本。
HTML <sub> 元素定義了一個(gè)文本區(qū)域，出于排版的原因，與主要的文本相比，應(yīng)該展示得更低并且更小。
ps: 下腳標(biāo)
HTML <sup> 元素定義了一個(gè)文本區(qū)域，出于排版的原因，與主要的文本相比，應(yīng)該展示得更高并且更小。
ps: 上腳標(biāo)
HTML <u> 元素
使文本在其內(nèi)容的基線下的一行呈現(xiàn)下劃線。在HTML5中, 此元素表示具有未標(biāo)注的文本跨度，顯示渲染，非文本注釋，例如將文本標(biāo)記為中文文本中的專有名稱(一個(gè)正確的中文標(biāo)記), 或 將文本標(biāo)記為拼寫錯(cuò)誤
HTML <map>
與 <area> 屬性一起使用來(lái)定義一個(gè)圖像映射(一個(gè)可點(diǎn)擊的鏈接區(qū)域).
HTML <track> 元素
被當(dāng)作媒體元素—<audio> 和 <video>的子元素來(lái)使用。它允許指定計(jì)時(shí)字幕（或者基于時(shí)間的數(shù)據(jù)），例如自動(dòng)處理字幕。
HTML <object> 元素
（或者稱作 HTML 嵌入對(duì)象元素）表示引入一個(gè)外部資源，這個(gè)資源可能是一張圖片，一個(gè)嵌入的瀏覽上下文，亦或是一個(gè)插件所使用的資源
ps: 支持引入的資源類型
https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Complete_list_of_MIME_types
關(guān)于支持資源類型的測(cè)試
http://joliclic.free.fr/html/object-tag/en/index.php
*請(qǐng)認(rèn)真填寫需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
