摘要:需要注意的是,代碼中的所有連續(xù)的空行換行也被顯示為一個(gè)空格常用的特殊字符內(nèi)容代碼空格版權(quán)注冊(cè)好的,常用標(biāo)簽暫且到此
顧名思義,這些就是把字體設(shè)置為大字體的,就如博客園的這個(gè)編輯器里的格式:
不信的話我們自己設(shè)置看看:好的,從本篇文章開始,我們需要?jiǎng)邮至?/span>
test
標(biāo)題
標(biāo)題
標(biāo)題
標(biāo)題
標(biāo)題
標(biāo)題
打開網(wǎng)頁(yè)看看:
:加粗
:斜體
:下劃線
:刪除線
:上標(biāo)
:下標(biāo)
或:
特別強(qiáng)調(diào)某幾個(gè)字
代碼:
test
b標(biāo)簽
i標(biāo)簽
u標(biāo)簽
s標(biāo)簽
testsub標(biāo)簽
testsup標(biāo)簽
testem標(biāo)簽strong標(biāo)簽test
測(cè)試:
test
asdjfasjdfjaweijfowjefojwaojfioawjefoijwefweafawefwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwfafew
adfdsaf
12312414
測(cè)試:
有朋友可能發(fā)現(xiàn),p標(biāo)簽就是一個(gè)p標(biāo)簽就是一個(gè)段落,自動(dòng)換行,并且如果沒滿一行也會(huì)自動(dòng)換行,為什么會(huì)這樣呢?像前面的就不會(huì)這樣
這就是塊級(jí)標(biāo)簽(又叫行級(jí)標(biāo)簽)的特點(diǎn),不管內(nèi)容有沒有占一行,它都會(huì)默認(rèn)把一行占滿,而像前面的em,i,之類的這種內(nèi)容多少就占多少,而且不會(huì)默認(rèn)沾滿一行的就是內(nèi)聯(lián)標(biāo)簽
這個(gè)后期還有用到,不過太在意
超鏈接就是可以點(diǎn)擊并跳轉(zhuǎn)的標(biāo)簽
test
去百度
測(cè)試:
發(fā)現(xiàn)沒有任何特殊的啊,就是文字。目前,這里必須加上a標(biāo)簽的屬性href才行:
test
去百度
測(cè)試:
終于變色了,點(diǎn)擊看下呢:
然后發(fā)現(xiàn)居然報(bào)錯(cuò)404了,這個(gè)404是狀態(tài)碼,服務(wù)端返回來的狀態(tài)碼,關(guān)于狀態(tài)碼,詳見鄙人的另一篇博文:洗禮靈魂,修煉python(55)--爬蟲篇—知識(shí)補(bǔ)充—RFC 2616 http狀態(tài)碼
而且您可以看到網(wǎng)頁(yè)地址欄上面的地址變了,這明顯不對(duì)對(duì)吧?那么是哪里出了問題呢?
注意了,這是很多初學(xué)者容易犯的錯(cuò),給a標(biāo)簽加href屬性時(shí),一定要帶上協(xié)議,常見的協(xié)議有:ftp,http,https,file
所以這里必須要帶上http,或者h(yuǎn)ttps:
test
去百度
測(cè)試:
發(fā)現(xiàn)確實(shí)可以調(diào)整到百度網(wǎng)站了,這個(gè)不太好展示效果,只能各位自己測(cè)試了。我這里截了個(gè)圖:
當(dāng)我把光標(biāo)放上去還未點(diǎn)擊時(shí),瀏覽器左下角會(huì)預(yù)加載即將訪問的鏈接,這個(gè)現(xiàn)象我希望各位以后可以多多注意下
當(dāng)然a標(biāo)簽還有其他的屬性:
target
_blank 在新的網(wǎng)站打開鏈接的資源地址
_self 在當(dāng)前網(wǎng)站打開鏈接的資源地址 title: 表示鼠標(biāo)懸停時(shí)顯示的標(biāo)題
比如 去百度
這個(gè)就自己試了
其他鏈接方式:(以后會(huì)用到)
- 目標(biāo)文檔為下載資源 例如:href屬性值,指定的文件名稱,就是下載操作(rar、zip等)
- 電子郵件鏈接 前提:計(jì)算機(jī)中必須安裝郵件客戶端,并且配置好了郵件相關(guān)信息。 例如:
聯(lián)系我們
- 返回頁(yè)面頂部的空鏈接或具體id值的標(biāo)簽 例如:
內(nèi)容
或內(nèi)容
- javascript:是表示在觸發(fā)
默認(rèn)動(dòng)作時(shí),執(zhí)行一段JavaScript代碼。 例如:
內(nèi)容
- javascript:;:表示什么都不執(zhí)行,這樣點(diǎn)擊
時(shí)就沒有任何反應(yīng) 例如:
內(nèi)容
網(wǎng)站頁(yè)面上一些列表相關(guān)的內(nèi)容比如說物品列表、人名列表等等都可以使用列表標(biāo)簽來展示。通常后面跟標(biāo)簽一起用,每條li表示列表的內(nèi)容
ul表示無(wú)序列表,ol表示有序列表。這個(gè)如果您用過辦公軟件,相信會(huì)見過這個(gè)。然后博客園這個(gè)編輯器也有這個(gè)東西:
最開始是這樣的:
test1
test2
test3
添加有序列表:
結(jié)果:
修改成無(wú)序列表:
結(jié)果:
大概什么樣子大家應(yīng)該懂了吧?
好的,開始自己寫一個(gè)看看:
- 我的賬戶
- 我的訂單
- 我的優(yōu)惠券
- 我的收藏
- 退出
- 我的賬戶
- 我的訂單
- 我的優(yōu)惠券
- 我的收藏
- 退出
里面那個(gè)type和circle即ul和ol各自的屬性,circle表示是一個(gè)圓圈,類似句號(hào)的標(biāo)志,type即表示以什么排序方式,給一個(gè)“a”表示用字母開始排序
測(cè)試結(jié)果:
ol標(biāo)簽的屬性:
type:列表標(biāo)識(shí)的類型
- 1:數(shù)字
- a:小寫字母
- A:大寫字母
- i:小寫羅馬字符
- I:大寫羅馬字符
列表標(biāo)識(shí)的起始編號(hào)
- 默認(rèn)為1
ul標(biāo)簽的屬性: type:列表標(biāo)識(shí)的類型
- disc:實(shí)心圓(默認(rèn)值)
- circle:空心圓
- square:實(shí)心矩形
- none:不顯示標(biāo)識(shí)
標(biāo)簽用來將內(nèi)容換行,其在HTML網(wǎng)頁(yè)上的效果相當(dāng)于我們平時(shí)使用word編輯文檔時(shí)使用回車換行。
標(biāo)簽用來在HTML頁(yè)面中創(chuàng)建水平分隔線,通常用來分隔內(nèi)容
瀏覽器在顯示的時(shí)候會(huì)移除源代碼中多余的空格和空行。 所有連續(xù)的空格或空行都會(huì)被算作一個(gè)空格。需要注意的是,HTML代碼中的所有連續(xù)的空行(換行)也被顯示為一個(gè)空格
內(nèi)容 | 代碼 |
---|---|
空格 | |
> | > |
< | < |
& | & |
¥ | ¥ |
版權(quán) | © |
注冊(cè) | ® |
好的,常用標(biāo)簽暫且到此
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://www.ezyhdfw.cn/yun/1562.html
摘要:所謂超文本,因?yàn)樗梢约尤雸D片聲音動(dòng)畫多媒體等內(nèi)容,不僅如此,它還可以從一個(gè)文件跳轉(zhuǎn)到另一個(gè)文件,與世界各地主機(jī)的文件連接。意思是超文本引用用于指定鏈接頁(yè)面的打開方式,其取值有和兩種,其中為默認(rèn)值,為在新窗口中打開方式。 學(xué)習(xí)目標(biāo) 了解常用瀏覽器 掌握WEB標(biāo)準(zhǔn) 理解標(biāo)簽語(yǔ)義化 掌握常用的排版標(biāo)簽 掌握常用的文本格式化圖像鏈接等標(biāo)簽 掌握三種列表標(biāo)簽 掌握表格標(biāo)簽 掌握表格標(biāo)簽 掌...
摘要:一文檔標(biāo)簽結(jié)構(gòu)文檔片頭信息,表示文檔內(nèi)容是用什么標(biāo)簽寫的。創(chuàng)建一個(gè)無(wú)序列表一直以為,荷是清貧的,一口水,一把泥,便是一生一直以為,荷是靈魂的,任憑夜深露重,風(fēng)起雨落,自可將生死都置之于度外。 一:html文檔標(biāo)簽結(jié)構(gòu) 二:常用的HTML標(biāo)簽主要有: 雙標(biāo)簽 單標(biāo)簽 標(biāo)題標(biāo)簽:注意:標(biāo)題標(biāo)簽只能是h1~h6 段落標(biāo)簽 ...
摘要:開始標(biāo)簽和結(jié)束標(biāo)簽之間的就是標(biāo)簽的內(nèi)容。總結(jié)屬性跳轉(zhuǎn)標(biāo)簽在和標(biāo)簽之間的文字內(nèi)容是網(wǎng)頁(yè)的標(biāo)題信息,它會(huì)顯示在瀏覽器標(biāo)簽頁(yè)的標(biāo)題欄中。常見的頭部元素有和等標(biāo)簽,頭部標(biāo)簽在下一節(jié)中會(huì)有詳細(xì)介紹。 本節(jié)內(nèi)容簡(jiǎn)單介紹下html都有哪些標(biāo)簽 還是百度首頁(yè),查看源代碼看看: 我把源代碼復(fù)制下來另存為html文件里: 注意:網(wǎng)頁(yè)文件的后綴都是html或者h(yuǎn)tm 我這用的pycharm編輯器(Py...
摘要:選擇器選擇器,說白了就是的標(biāo)簽或者其相關(guān)特性,在一個(gè)頁(yè)面中會(huì)有很多很多的元素,不同的元素可能會(huì)有不同的樣式,某些元素又需要設(shè)置相同的樣式,選擇器就是用來從頁(yè)面中查找特定元素的,找到元素之后就可以為它們?cè)O(shè)置樣式了。選擇器 選擇器,說白了就是html的標(biāo)簽或者其相關(guān)特性,在一個(gè)HTML頁(yè)面中會(huì)有很多很多的元素,不同的元素可能會(huì)有不同的樣式,某些元素又需要設(shè)置相同的樣式,選擇器就是用來從HTM...
摘要:屬性標(biāo)簽可以設(shè)置屬性,屬性一般以鍵值對(duì)的方式寫在開始標(biāo)簽中標(biāo)簽除一些特定屬性外可以設(shè)置自定義屬性,一個(gè)標(biāo)簽可以設(shè)置多個(gè)屬性用空格分隔,多個(gè)屬性不區(qū)分先后順序。獨(dú)占一行元素的高度寬度行高以及頂和底邊距都可設(shè)置。屬性HTML標(biāo)簽可以設(shè)置屬性,屬性一般以鍵值對(duì)的方式寫在開始標(biāo)簽中1.HTML標(biāo)簽除一些特定屬性外可以設(shè)置自定義屬性,一個(gè)標(biāo)簽可以設(shè)置多個(gè)屬性用空格分隔,多個(gè)屬性不區(qū)分先后順序。2.屬性...
閱讀 847·2023-04-25 19:43
閱讀 4120·2021-11-30 14:52
閱讀 3931·2021-11-30 14:52
閱讀 4027·2021-11-29 11:00
閱讀 3922·2021-11-29 11:00
閱讀 4039·2021-11-29 11:00
閱讀 3771·2021-11-29 11:00
閱讀 6609·2021-11-29 11:00