HTML基礎之標籤篇(一)

2021-07-16 16:08:35 字數 2254 閱讀 7682

html編輯器我們現在選擇的是notepad++。安裝完成後,選擇檔案-新建-(輸入你的**後)-另存為html檔案(當您儲存 html 檔案時,既可以使用 .htm 也可以使用 .html 副檔名),啟動您的瀏覽器,然後選擇」檔案」選單的」開啟檔案」命令,或者直接在資料夾中雙擊您的 html 檔案,編寫**即可執行。

首先我們來了解一下html的基本結構:

接下來又重新來認識html標籤了

(由於csdn寫部落格用的是markdown編輯器,裡面打的html**都無法直接顯示出來,所以我還是以截屏多作為知識點)

看完上面的整體基本結構,接下來繼續上標籤和**

拿title標籤來說,比如:

hello world!title>

charset="utf-8">

head>

請看上面網頁標題p>

body>

html>

效果如圖:

title標籤之間的文字內容是網頁的標題資訊,它會出現在瀏覽器的標題欄中。上面**也用到幾個標籤,接下來繼續介紹

示範標題標籤:

hello world!title>

charset="utf-8">

head>

四級標題h4>

五級標題h5>

六級標題h6>

body>

html>

執行結果:從上面的可以看出標題標籤的樣式都會加粗,h1標籤字型大小最大,h2標籤字型大小相對h1要小,以此類推h6標籤的字型大小最小。

下面通過**例項:

charset="utf-8">

三種標籤效果title>

span

style>

head>

我是普通文字效果(右邊變了)span標籤span>(樣式變了)p>

我是普通文字效果(右邊變了)strong標籤strong>(變粗了)p>

我是普通文字效果(右邊變了)em標籤em>(變斜了)p>

body>

html>

執行效果:這裡順帶提下注釋

看完接下來就是實戰了

charset="utf-8">

舉個栗子title>

head>

談到李白,我們總會想起小學學過的詩句床前明月光,疑是地上霜。q>這就是引用了。p>

接下來是長文字引用,比如我又想起李白一首詩,

青山橫北郭,白水繞東城。此地一為別,孤蓬萬里徵。

浮雲遊子意,落日故人情。揮手自茲去,蕭蕭班馬鳴。blockquote>不錯,真是一首好詩。

p>

青山橫北郭,白水繞東城。

此地一為別,孤蓬萬里徵。

浮雲遊子意,落日故人情。

揮手自茲去,蕭蕭班馬鳴。

p>

來看看執行效果:

未完待續。。。。。。

html 基礎之 標籤

head link rel stylesheet type text css href theme.css head 在用於樣式表時,標籤得到了幾乎所有瀏覽器的支援。但是幾乎沒有瀏覽器支援其他方面的用途。標籤定義文件與外部資源的關係。標籤最常見的用途是鏈結樣式表。在 html 中,標籤沒有結束標籤。...

HTML標籤之常見基礎標籤

不是標籤,是文件宣告,宣告文件的解析型別,告知瀏覽器解析器用什麼標準解析文件,目的 避免瀏覽器的怪異模式。怪異模式 1 標準模式 瀏覽器使用w3c標準解析渲染頁面,排版和js執行以瀏覽器的最高標準執行。2 相容模式 瀏覽器使用非w3c標準解析渲染頁面,頁面以寬鬆向後相容方式執行,模擬老瀏覽器防止站點...

HTM基礎之HTML標籤

html 超文字標記語言 html 實際上就是一套能夠被瀏覽器所識別的規則 由乙個個標籤組成。html 就是一大長串字串,而這種字串的格式正好能夠被瀏覽器所識別,也就有了我們的web頁面。後端與前端互動方式 1 後端通過直接返回瀏覽器能夠識別的html 2 後端返回資料,前端替換html種的指定資料...