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