摘要:騰訊網(wǎng)服務(wù)于全球華人用戶,致力成為最具傳播力和互動(dòng)性,權(quán)威主流時(shí)尚的互聯(lián)網(wǎng)媒體平臺(tái)。嵌套元素你可以將一個(gè)元素置于其他元素之中這被稱作嵌套??赵赜幸恍┰夭⒉话瑑?nèi)容,它們被稱為空元素。
超文本標(biāo)記語言(Hypertext Markup Language, HTML)是一個(gè)可以用來結(jié)構(gòu)化 Web 內(nèi)容并給予其含義和目標(biāo)的編碼語言。
,
,
。
- 內(nèi)聯(lián)元素通常出現(xiàn)在塊級(jí)元素中并被其它文本所包圍 - 內(nèi)聯(lián)元素不會(huì)導(dǎo)致文本換行,如
,
,
。
屬性
布爾屬性
如
被添加 disabled
屬性后,就接收不到用戶輸入了。
就是推薦的寫法
以 checkbox 勾選為例:
以上五種情況,上面的四種都會(huì)導(dǎo)致checkbox被勾選,只有最后一種,checkbox不會(huì)被勾選
全局屬性
id
, class
,style
,title
都是是全局屬性,可以被任何 HTML 元素使用。
hidden
可用于隱藏某個(gè)頁面元素。
請(qǐng)先登錄
contenteditable
全局屬性可以使元素內(nèi)容變成可編輯。
大家好!
注釋
大家好!
快捷鍵:在 Atom 里按 ctrl + /
或 command + /
注釋代碼?!?/p>
HTML 中有用的字符實(shí)體
注釋:實(shí)體名稱對(duì)大小寫敏感!
顯示結(jié)果 描述 實(shí)體名稱 實(shí)體編號(hào)
空格
<
小于號(hào)
<
<
>
大于號(hào)
>
>
&
和號(hào)
&
&
"
引號(hào)
"
"
撇號(hào)
' (IE不支持)
'
¢
分(cent)
¢
¢
£
鎊(pound)
£
£
¥
元(yen)
¥
¥
€
歐元(euro)
€
€
§
小節(jié)
§
§
©
版權(quán)(copyright)
©
©
®
注冊(cè)商標(biāo)
®
®
™
商標(biāo)
™
™
×
乘號(hào)
×
×
÷
除號(hào)
÷
÷
所以在html頁面我們要顯示
的話,應(yīng)該在編輯器里面輸入<div>
HTML 頭部
的內(nèi)容不會(huì)在瀏覽器中顯示,它的作用是包含一些頁面的元數(shù)據(jù)。
- 元數(shù)據(jù) (Metadata):描述數(shù)據(jù)的數(shù)據(jù)
是用來表示整個(gè)HTML文檔大致內(nèi)容的元數(shù)據(jù),即是網(wǎng)頁的最上方(非內(nèi)容頁)顯示的題目(不是文檔的內(nèi)容)
evenyao的博客
元數(shù)據(jù)
指定文檔編碼
適配移動(dòng)頁面
設(shè)置 referer (一種防止因圖片地址是外鏈而導(dǎo)致圖片掛掉的方法)
添加頁面描述(在搜索引擎搜索頁面的時(shí)候,可以看到 content 里面設(shè)置的內(nèi)容)
link 和 script
定制頁面圖標(biāo)
應(yīng)用 CSS 和 JS
HTML文本
標(biāo)題與段落
HTML簡介
什么是 HTML?
超文本標(biāo)記語言(Hypertext Markup Language, HTML)是一個(gè)可以用來結(jié)構(gòu)化 Web 內(nèi)容并給予其含義和目標(biāo)的編碼語言。
嵌套元素
你可以將一個(gè)元素置于其他元素之中——這被稱作嵌套。
空元素
有一些元素并不包含內(nèi)容,它們被稱為空元素。
HTML文本
標(biāo)題
標(biāo)題元素允許你指定內(nèi)容的標(biāo)題和子標(biāo)題。
段落
...
列表
無序列表
Unordered List
有序列表
Ordered List
嵌套列表案例
金州勇士隊(duì)的全明星球員包括:
-
斯蒂芬·庫里
- 微博:@StephenCurry
- Twitter: @StephenCurry30
- 凱文·杜蘭特
- 克萊·湯普森
- 德雷蒙德·格林
HTML 超鏈接
如果沒有超鏈接,Web 就沒有多大意義了。
簡單鏈接
我的github
鏈接中的 title 屬性
我的github
這個(gè)時(shí)候當(dāng)光標(biāo)移到這個(gè)超鏈接之上的時(shí)候,會(huì)顯示 title 中設(shè)置的內(nèi)容。
外部鏈接
我的github
將 target
設(shè)置成 _blank
時(shí),點(diǎn)擊鏈接瀏覽器會(huì)新開一個(gè) Tab 打開該網(wǎng)頁。
返回頂部鏈接
或者作為一個(gè)測試鏈接的空返回跳轉(zhuǎn)
返回頁面頂部
文檔內(nèi)部鏈接
用于定位到文檔的某一部分,
的 href
要對(duì)應(yīng)文檔內(nèi)某個(gè)元素的 id
(id
的值在文檔內(nèi)要唯一)。即定位錨點(diǎn)。
電話鏈接和Email鏈接
電話連接可用于移動(dòng)端
+86 130 0000 0000
發(fā)送郵件給even
發(fā)送郵件給even并抄送給root
HTML 圖片
顯示 vuelogo 圖片,alt 屬性的作用是當(dāng)圖片因?yàn)橐恍┰驋斓舻臅r(shí)候,可以顯示出來進(jìn)行說明。
HTML 表格
簡單表格
球員 號(hào)碼 身高 體重 生日 國籍 出生地
勒布朗·詹姆斯
23
2.03米/6英尺8英寸
113.4公斤
1984年12月30日
美國
凱里·歐文
2
1.91米/6英尺3英寸
88公斤/193磅
1992年3月23日
美國/澳洲
澳洲
凱文·樂福
0
2.08米/6英尺10英寸
110公斤/243磅
1988年9月7日
美國
球員
號(hào)碼
身高
體重
生日
國籍
出生地
勒布朗·詹姆斯
23
2.03米/6英尺8英寸
113.4公斤
1984年12月30日
美國
凱里·歐文
2
1.91米/6英尺3英寸
88公斤/193磅
1992年3月23日
美國/澳洲
澳洲
凱文·樂福
0
2.08米/6英尺10英寸
110公斤/243磅
1988年9月7日
美國
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/2061.html
相關(guān)文章
-
HTML的簡介
摘要:教程標(biāo)準(zhǔn)超文本標(biāo)記語言英語,簡稱是一種用于創(chuàng)建網(wǎng)頁的標(biāo)準(zhǔn)標(biāo)記語言。版本從初期的網(wǎng)絡(luò)誕生后,已經(jīng)出現(xiàn)了許多版本版本發(fā)布時(shí)間聲明聲明有助于瀏覽器中正確顯示網(wǎng)頁。聲明是不區(qū)分大小寫的,以下方式均可通用聲明查看完整網(wǎng)頁聲明類型參考手冊(cè)。HTML 教程-?(HTML5 標(biāo)準(zhǔn))
超文本標(biāo)記語言(英語:HyperText Markup Language,簡稱:HTML)是一種用于創(chuàng)建網(wǎng)頁的標(biāo)準(zhǔn)標(biāo)記語言。...
-
html學(xué)習(xí)一
摘要:列表的列表有有序列表和無序列表無序列表有序列表塊元素大多數(shù)元素被定義為塊級(jí)元素或內(nèi)聯(lián)元素。例子內(nèi)聯(lián)元素在顯示時(shí)通常不會(huì)以新行開始。元素元素是內(nèi)聯(lián)元素,可用作文本的容器。當(dāng)與一同使用時(shí),元素可用于為部分文本設(shè)置樣式屬性。
簡介
標(biāo)題
段落
什么是HTML?
HTML 是用來描述網(wǎng)頁的一種語言:
HTML 指的是超文...
-
前端菜鳥筆記 Day-1 HTML&HTML 5
摘要:行內(nèi)元素特征設(shè)置寬高屬性無效設(shè)置僅左右水平方向有效,上下垂直無效設(shè)置上下左右都有效內(nèi)容不會(huì)自動(dòng)進(jìn)行換行行內(nèi)塊元素行內(nèi)塊元素綜合了兩者的特征,各有取舍,可以對(duì)任意元素進(jìn)行屬性設(shè)置。
文章大綱來源:【Day 1】HTML & HTML 5
標(biāo)記語言
XHTML/HTML/HTML 5異同
了解doctype
HTML
HTML 5
標(biāo)記語言
標(biāo)記語言(ML)即 Markup Langu...
-
01-html介紹和head標(biāo)簽
摘要:三開發(fā)工具的使用使用技巧編輯器四介紹的概述全稱,翻譯為超文本標(biāo)記語言,它不是一種編程語言,是一種描述性的標(biāo)記語言,用于描述超文本內(nèi)容的顯示方式?!巨D(zhuǎn)】01-html介紹和head標(biāo)簽主要內(nèi)容web標(biāo)準(zhǔn)瀏覽器介紹開發(fā)工具介紹HTML介紹HTML顏色介紹HTML規(guī)范HTML結(jié)構(gòu)詳解一、web標(biāo)準(zhǔn)web準(zhǔn)備介紹:w3c:萬維網(wǎng)聯(lián)盟組織,用來制定web標(biāo)準(zhǔn)的機(jī)構(gòu)(組織)web標(biāo)準(zhǔn):制作網(wǎng)頁遵循的規(guī)范...
-
w3schools網(wǎng)站的HTML教程之HTML介紹
摘要:瀏覽器一個(gè)瀏覽器的作用是讀取并顯示一個(gè)文檔。聲明聲明有助于瀏覽器能夠正確地顯示頁面。聲明是不區(qū)分大小寫的,以下所有寫法都是正確地常見聲明版本在網(wǎng)絡(luò)的早期,就具有了很多版本版本年份本文翻譯于網(wǎng)站提供的教程。
什么是HTML
HTML 是一種描述 Web 文檔(頁面)的標(biāo)記語言。
HTML 代表超文本標(biāo)記語言(Hyper Text Markup Language)
標(biāo)記語言就是一組標(biāo)記標(biāo)...
發(fā)表評(píng)論
0條評(píng)論
番茄西紅柿
男|高級(jí)講師
TA的文章
閱讀更多
tensor
閱讀 736·2023-04-25 19:43
Windows 下安裝 XGBoost
閱讀 3981·2021-11-30 14:52
Hadoop 2.6.0 啟動(dòng)問題 lib/native/libhadoop.so which mi
閱讀 3807·2021-11-30 14:52
VmShell:黑五美國VPS,免費(fèi)先開通測試,滿意后付款!支持tiktok美區(qū)
閱讀 3871·2021-11-29 11:00
百度智能云:云產(chǎn)品特惠福利,1核2G輕量應(yīng)用服務(wù)器僅48元/年
閱讀 3802·2021-11-29 11:00
Linux系統(tǒng)和寶塔面板如何啟用禁ping功能?
閱讀 3904·2021-11-29 11:00
301重定向怎么做?301重定向設(shè)置方法有幾種
閱讀 3580·2021-11-29 11:00
wordpress網(wǎng)站重定向次數(shù)過多的解決方法
閱讀 6184·2021-11-29 11:00