国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

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

番茄西紅柿 / 2761人閱讀

摘要:需要注意的是,代碼中的所有連續的空行換行也被顯示為一個空格常用的特殊字符內容代碼空格版權注冊好的,常用標簽暫且到此

標題標簽h1~h6

顧名思義,這些就是把字體設置為大字體的,就如博客園的這個編輯器里的格式:

 

不信的話我們自己設置看看:好的,從本篇文章開始,我們需要動手了

 




    
    test


    

標題

標題

標題

標題

標題
標題

  

打開網頁看看:

文本樣式標簽:

 

:加粗
:斜體
:下劃線
:刪除線
:上標 
:下標
特別強調某幾個字

 

代碼:





test


b標簽
i標簽
u標簽
s標簽
testsub標簽
testsup標簽
testem標簽strong標簽test

  

測試:

 

 

 

段落標簽P 

 





test


asdjfasjdfjaweijfowjefojwaojfioawjefoijwefweafawefwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwfafew


adfdsaf


12312414



  

測試:

 

 

有朋友可能發現,p標簽就是一個p標簽就是一個段落,自動換行,并且如果沒滿一行也會自動換行,為什么會這樣呢?像前面的就不會這樣

這就是塊級標簽(又叫行級標簽)的特點,不管內容有沒有占一行,它都會默認把一行占滿,而像前面的em,i,之類的這種內容多少就占多少,而且不會默認沾滿一行的就是內聯標簽

這個后期還有用到,不過太在意

 

超鏈接標簽a

 

超鏈接就是可以點擊并跳轉的標簽

 




    
    test


    去百度


  測試:

 

發現沒有任何特殊的啊,就是文字。目前,這里必須加上a標簽的屬性href才行:




    
    test


    去百度


  

測試:

 

 終于變色了,點擊看下呢:

 

 然后發現居然報錯404了,這個404是狀態碼,服務端返回來的狀態碼,關于狀態碼,詳見鄙人的另一篇博文:洗禮靈魂,修煉python(55)--爬蟲篇—知識補充—RFC 2616 http狀態碼

 

而且您可以看到網頁地址欄上面的地址變了,這明顯不對對吧?那么是哪里出了問題呢?

 

注意了,這是很多初學者容易犯的錯,給a標簽加href屬性時,一定要帶上協議,常見的協議有:ftp,http,https,file

所以這里必須要帶上http,或者https:

 




    
    test


    去百度


  

測試:

發現確實可以調整到百度網站了,這個不太好展示效果,只能各位自己測試了。我這里截了個圖:

 

 

 當我把光標放上去還未點擊時,瀏覽器左下角會預加載即將訪問的鏈接,這個現象我希望各位以后可以多多注意下

 

當然a標簽還有其他的屬性:

target

  _blank 在新的網站打開鏈接的資源地址

  _self 在當前網站打開鏈接的資源地址 title: 表示鼠標懸停時顯示的標題

 

比如 去百度

 

 這個就自己試了

 

其他鏈接方式:(以后會用到)

 

列表標簽 ul,ol,li

網站頁面上一些列表相關的內容比如說物品列表、人名列表等等都可以使用列表標簽來展示。通常后面跟

  • 標簽一起用,每條li表示列表的內容

     

    ul表示無序列表,ol表示有序列表。這個如果您用過辦公軟件,相信會見過這個。然后博客園這個編輯器也有這個東西:

    最開始是這樣的:

     

    test1
    
    test2
    
    test3
    

      

    添加有序列表:

     

    結果:

    1. test1
    2. test2
    3. test3

     

    修改成無序列表:

     

    結果:

     

    • test1
    • test2
    • test3

     

    大概什么樣子大家應該懂了吧?

     

    好的,開始自己寫一個看看:

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

      

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

     測試結果:

    其他相關:

    ol標簽的屬性:

    type:列表標識的類型

    • 1:數字
    • a:小寫字母
    • A:大寫字母
    • i:小寫羅馬字符
    • I:大寫羅馬字符

    列表標識的起始編號

    • 默認為1

    ul標簽的屬性: type:列表標識的類型

    • disc:實心圓(默認值)
    • circle:空心圓
    • square:實心矩形
    • none:不顯示標識

    換行標簽 

     


    標簽用來將內容換行,其在HTML網頁上的效果相當于我們平時使用word編輯文檔時使用回車換行。

     

    分割線 

     


    標簽用來在HTML頁面中創建水平分隔線,通常用來分隔內容

     

    特殊符號

    瀏覽器在顯示的時候會移除源代碼中多余的空格和空行。 所有連續的空格或空行都會被算作一個空格。需要注意的是,HTML代碼中的所有連續的空行(換行)也被顯示為一個空格

     

    常用的特殊字符:

    內容代碼
    空格  
    > >
    < <
    & &
    ¥ ¥
    版權 ©
    注冊 ®

     

    好的,常用標簽暫且到此

  • 文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

    轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/1562.html

    相關文章

    • 前端基礎入門一(HTML)

      摘要:所謂超文本,因為它可以加入圖片聲音動畫多媒體等內容,不僅如此,它還可以從一個文件跳轉到另一個文件,與世界各地主機的文件連接。意思是超文本引用用于指定鏈接頁面的打開方式,其取值有和兩種,其中為默認值,為在新窗口中打開方式。 學習目標 了解常用瀏覽器 掌握WEB標準 理解標簽語義化 掌握常用的排版標簽 掌握常用的文本格式化圖像鏈接等標簽 掌握三種列表標簽 掌握表格標簽 掌握表格標簽 掌...

      張憲坤 評論0 收藏0
    • web前端開發從0到1—html結構與常用標簽

      摘要:一文檔標簽結構文檔片頭信息,表示文檔內容是用什么標簽寫的。創建一個無序列表一直以為,荷是清貧的,一口水,一把泥,便是一生一直以為,荷是靈魂的,任憑夜深露重,風起雨落,自可將生死都置之于度外。 一:html文檔標簽結構 二:常用的HTML標簽主要有: 雙標簽 單標簽 標題標簽:注意:標題標簽只能是h1~h6 段落標簽 ...

      番茄西紅柿 評論0 收藏0
    • web前端(3)—— html標簽web頁面結構

      摘要:開始標簽和結束標簽之間的就是標簽的內容。總結屬性跳轉標簽在和標簽之間的文字內容是網頁的標題信息,它會顯示在瀏覽器標簽頁的標題欄中。常見的頭部元素有和等標簽,頭部標簽在下一節中會有詳細介紹。 本節內容簡單介紹下html都有哪些標簽 還是百度首頁,查看源代碼看看: 我把源代碼復制下來另存為html文件里: 注意:網頁文件的后綴都是html或者htm 我這用的pycharm編輯器(Py...

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

      摘要:選擇器選擇器,說白了就是的標簽或者其相關特性,在一個頁面中會有很多很多的元素,不同的元素可能會有不同的樣式,某些元素又需要設置相同的樣式,選擇器就是用來從頁面中查找特定元素的,找到元素之后就可以為它們設置樣式了。選擇器 選擇器,說白了就是html的標簽或者其相關特性,在一個HTML頁面中會有很多很多的元素,不同的元素可能會有不同的樣式,某些元素又需要設置相同的樣式,選擇器就是用來從HTM...

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

      摘要:屬性標簽可以設置屬性,屬性一般以鍵值對的方式寫在開始標簽中標簽除一些特定屬性外可以設置自定義屬性,一個標簽可以設置多個屬性用空格分隔,多個屬性不區分先后順序。獨占一行元素的高度寬度行高以及頂和底邊距都可設置。屬性HTML標簽可以設置屬性,屬性一般以鍵值對的方式寫在開始標簽中1.HTML標簽除一些特定屬性外可以設置自定義屬性,一個標簽可以設置多個屬性用空格分隔,多個屬性不區分先后順序。2.屬性...

      番茄西紅柿 評論0 收藏0

    發表評論

    0條評論

    最新活動
    閱讀需要支付1元查看
    <