您好,登錄后才能下訂單哦!
代碼如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>簡單的網頁</title>
<script src="index.js"></script>
</head>
<body>
<h2>故鄉</h2>
<p>我在朦朧中,眼前展開一片海邊碧綠的沙地來,上面深藍的天空中掛著一輪金黃的圓月。我想:希望是本無所謂有,無所謂無的。這正如地上的路;其實地上本沒有路,走的人多了,也便成了路。</p>
<img src="http://www.mayacoder.com/upload/p_w_picpaths/故鄉.jpg">
<!-->圖片路徑僅供參考</!-->
<button id="btn">縮小圖片</button>
</body>
</html>
分割線-head標簽
前面代碼提到<head> 標簽用于定義文檔的頭部,它是所有頭部元素的容器。描述了文檔的各種屬性和信息,包括文檔的標題等。絕大多數文檔頭部包含的數據都不會真正作為內容顯示給讀者。
頭部元素有<title>、<script>、 <style>、<link>、 <meta>等標簽。
他們各自的作用:
title標簽:定義文檔的標題;
script標簽:引入js文件;
link標簽:引入css文件,外聯樣式;
style標簽:內聯css樣式;
meta標簽:提供有關頁面的元信息。
一個簡單的網頁應至少包含:
1.一個title標簽來定義文檔的標題
2.一個定義文檔編碼格式的meta標簽(<meta charset="UTF-8">)
PS:UTF-8是萬國碼,不知道的同學可以去搜索查詢下哦。
分割線-body標簽
body 標簽包含文檔的所有內容(比如文本、超鏈接、圖像、表格和列表等等),所有呈現給用戶的內容都應該放到body標簽里。
至于標題、段落、按鈕等,實際上都是網頁的一些內容標簽啦~
代碼學習嘗試,可以從這里開始:
http://www.mayacoder.com/lesson/lesson?lesson_id=27&knowledge_id=6
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。