天天看點

HTML&CSS基礎-标簽的屬性

                HTML&CSS基礎-标簽的屬性

                                          作者:尹正傑

版權聲明:原創作品,謝絕轉載!否則将追究法律責任。

一.html源代碼

<!-- 
    html 根标簽,一個頁面中有且隻有一個根标簽,網頁中的所有内容都應該寫在html标簽中
-->
<html>
    <!-- 
        head标簽,不會在網頁中直接顯示,它用來幫助浏覽器解析頁面的。
    -->
    <head>
        <!--
            title網頁的标題标簽,預設會顯示在浏覽器的标題欄中,搜尋引擎在檢索頁面時,會首先檢索title标簽中的内容。
            它是網頁中對于搜尋引擎來說最重要的内容,會影響到網頁在搜素引擎中的排名。
        -->
        <title>網頁的标題</title>
    <head>
        
    <!--
        body标簽用來設定網頁的主題内容,網頁中所有可見的内容,都應該在body中編寫。
    -->
    <body>
        <!--
            屬性:
                可以通過屬性來設定标簽如何處理标簽中的内容;
                可以在開始标簽中添加屬性;
                屬性需要寫在開始标簽中,實際上就是一個名值對的結構,即: 屬性名 = "屬性值";
                一個标簽中可以同時設定多個屬性,屬性之間需要使用空格隔開;
        -->
        <h1>這是我的<font color="red" size="7">第一個</font>網頁</h1>
    </body>
</html>      

二.浏覽器打開以上代碼渲染結果

HTML&amp;CSS基礎-标簽的屬性

三.檢視屬性的值

1>.如下圖所示,點選"HTML/CSS"

HTML&amp;CSS基礎-标簽的屬性

2>.如下圖所示,點選"HTML"

HTML&amp;CSS基礎-标簽的屬性

3>.下拉菜單,如下圖所示,點選"HTML标簽清單"

HTML&amp;CSS基礎-标簽的屬性

4>.如下圖所示,選擇我們要檢視的html标簽

HTML&amp;CSS基礎-标簽的屬性

5>.檢視标簽使用方法,fort标簽官方已經不推薦使用了,建議使用css取代它

HTML&amp;CSS基礎-标簽的屬性

當你的才華還撐不起你的野心的時候,你就應該靜下心來學習。當你的能力還駕馭不了你的目标的時候,你就應該沉下心來曆練。問問自己,想要怎樣的人生。

歡迎加入基礎架構自動化運維:598432640,大資料SRE進階之路:959042252,DevOps進階之路:526991186