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種的指定資料...