亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

web前端(4)—— 常用標(biāo)簽1

番茄西紅柿 / 2838人閱讀

摘要:需要注意的是,代碼中的所有連續(xù)的空行換行也被顯示為一個(gè)空格常用的特殊字符內(nèi)容代碼空格版權(quán)注冊(cè)好的,常用標(biāo)簽暫且到此

標(biāo)題標(biāo)簽h1~h6

顧名思義,這些就是把字體設(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) 
:下標(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è)試:

 

 

 

段落標(biāo)簽P 

 





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è)后期還有用到,不過太在意

 

超鏈接標(biāo)簽a

 

超鏈接就是可以點(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)簽 ul,ol,li

網(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é)果:

    1. test1
    2. test2
    3. test3

     

    修改成無(wú)序列表:

     

    結(jié)果:

     

    • test1
    • test2
    • test3

     

    大概什么樣子大家應(yīng)該懂了吧?

     

    好的,開始自己寫一個(gè)看看:

      
        
    • 我的賬戶
    • 我的訂單
    • 我的優(yōu)惠券
    • 我的收藏
    • 退出
    1. 我的賬戶
    2. 我的訂單
    3. 我的優(yōu)惠券
    4. 我的收藏
    5. 退出

      

    里面那個(gè)type和circle即ul和ol各自的屬性,circle表示是一個(gè)圓圈,類似句號(hào)的標(biāo)志,type即表示以什么排序方式,給一個(gè)“a”表示用字母開始排序

     測(cè)試結(jié)果:

    其他相關(guān):

    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)簽 

     


    標(biāo)簽用來將內(nèi)容換行,其在HTML網(wǎng)頁(yè)上的效果相當(dāng)于我們平時(shí)使用word編輯文檔時(shí)使用回車換行。

     

    分割線 

     


    標(biāo)簽用來在HTML頁(yè)面中創(chuàng)建水平分隔線,通常用來分隔內(nèi)容

     

    特殊符號(hào)

    瀏覽器在顯示的時(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

    相關(guān)文章

    • 前端基礎(chǔ)入門一(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)簽 掌...

      張憲坤 評(píng)論0 收藏0
    • web前端開發(fā)從0到1—html結(jié)構(gòu)與常用標(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)簽 ...

      番茄西紅柿 評(píng)論0 收藏0
    • web前端(3)—— html標(biāo)簽web頁(yè)面結(jié)構(gòu)

      摘要:開始標(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...

      番茄西紅柿 評(píng)論0 收藏0
    • web前端(8)—— CSS選擇器

      摘要:選擇器選擇器,說白了就是的標(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...

      番茄西紅柿 評(píng)論0 收藏0
    • web前端(6)—— 標(biāo)簽的屬性,分類,嵌套

      摘要:屬性標(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.屬性...

      番茄西紅柿 評(píng)論0 收藏0

    發(fā)表評(píng)論

    0條評(píng)論

    最新活動(dòng)
    閱讀需要支付1元查看
    <