溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

HTML&CSS基礎(chǔ)學(xué)習筆記5-添加常用的標簽

發(fā)布時間:2020-06-27 22:30:35 來源:網(wǎng)絡(luò) 閱讀:292 作者:macoder 欄目:開發(fā)技術(shù)

代碼如下:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>簡單的網(wǎng)頁</title>
    <script src="index.js"></script>
</head>
<body>
<h2>故鄉(xiāng)</h2>   
<p>我在朦朧中,眼前展開一片海邊碧綠的沙地來,上面深藍的天空中掛著一輪金黃的圓月。我想:希望是本無所謂有,無所謂無的。這正如地上的路;其實地上本沒有路,走的人多了,也便成了路。</p>
<img src="http://www.mayacoder.com/upload/p_w_picpaths/故鄉(xiāng).jpg">
<!-->圖片路徑僅供參考</!-->
<button id="btn">縮小圖片</button>
</body>
</html>

HTML&CSS基礎(chǔ)學(xué)習筆記5-添加常用的標簽


分割線-head標簽


前面代碼提到<head> 標簽用于定義文檔的頭部,它是所有頭部元素的容器。描述了文檔的各種屬性和信息,包括文檔的標題等。絕大多數(shù)文檔頭部包含的數(shù)據(jù)都不會真正作為內(nèi)容顯示給讀者。

頭部元素有<title>、<script>、 <style>、<link>、 <meta>等標簽。

他們各自的作用:
title標簽:定義文檔的標題;
script標簽:引入js文件;
link標簽:引入css文件,外聯(lián)樣式;
style標簽:內(nèi)聯(lián)css樣式;
meta標簽:提供有關(guān)頁面的元信息。

一個簡單的網(wǎng)頁應(yīng)至少包含:
1.一個title標簽來定義文檔的標題

2.一個定義文檔編碼格式的meta標簽(<meta charset="UTF-8">)

PS:UTF-8是萬國碼,不知道的同學(xué)可以去搜索查詢下哦。


分割線-body標簽


body 標簽包含文檔的所有內(nèi)容(比如文本、超鏈接、圖像、表格和列表等等),所有呈現(xiàn)給用戶的內(nèi)容都應(yīng)該放到body標簽里。

至于標題、段落、按鈕等,實際上都是網(wǎng)頁的一些內(nèi)容標簽啦~


代碼學(xué)習嘗試,可以從這里開始:

http://www.mayacoder.com/lesson/lesson?lesson_id=27&knowledge_id=6


向AI問一下細節(jié)

免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI