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>
二.浏覽器打開以上代碼渲染結果
![](https://img.laitimes.com/img/9ZDMuAjOiMmIsIjOiQnIsIyZuBnL2gDNzcDOxcTMtcDO3QTM2UzMygTMyETOxAjMtQTNyUTO38CXyETOxAjMvwFN1ITN5czLcd2bsJ2Lc12bj5ycn9Gbi52YugTMwIzZtl2Lc9CX6MHc0RHaiojIsJye.png)
三.檢視屬性的值
1>.如下圖所示,點選"HTML/CSS"
2>.如下圖所示,點選"HTML"
3>.下拉菜單,如下圖所示,點選"HTML标簽清單"
4>.如下圖所示,選擇我們要檢視的html标簽
5>.檢視标簽使用方法,fort标簽官方已經不推薦使用了,建議使用css取代它
當你的才華還撐不起你的野心的時候,你就應該靜下心來學習。當你的能力還駕馭不了你的目标的時候,你就應該沉下心來曆練。問問自己,想要怎樣的人生。
歡迎加入基礎架構自動化運維:598432640,大資料SRE進階之路:959042252,DevOps進階之路:526991186