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