溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
編寫頁面使用的是html語言，具體什么是html語言自己百度。
網(wǎng)頁在html中主要分為兩個部分：頭部（head），主體（body）
下面寫一個簡單頁面
1.首先創(chuàng)建一個文本文檔文件，并將其后綴.txt改為.html。名稱改為HelloWorld,名稱可以隨便改。效果入下圖（如果新建文件的名稱中沒有.txt，須要在系統(tǒng)設置顯示后綴名，具體設置方法查看看https://jingyan.baidu.com/article/e52e3615804fad40c60c51af.html） 
2.右擊該文件通過記事本打開編輯，填入如下代碼,保存，雙擊文件打開，會默認使用瀏覽器打開
<html>
<head>
<title>我的第一個頁面</title>
</head>
<body>
<h2>Hello World</h2>
</body>
</html>
頁面打開效果如下
下面對代碼進行解析
1.頁面代碼一開始都先用html開頭，告訴瀏覽器這是一個html的頁面代碼
2.我們可以看到html中包含了head 和 body 兩個標簽。這兩個標簽是頁面最基本的標題，head里面主要放置頁面信息，例如title，其中的內(nèi)容會出現(xiàn)在瀏覽器上方。
3.body中的內(nèi)容會出現(xiàn)在頁面。代碼中body中包含了一個h2標簽，h2標簽中的內(nèi)容Hello World就出現(xiàn)在頁面當中。
除了h2這個標簽，html還定義很多標簽，不同的標簽，顯示效果不一樣。下面我們看看h2 到 h7的顯示效果
打開文件，編輯代碼為
<html>
<head>
<title>我的第一個頁面</title>
</head>
<body>
<h2>Hello World h2</h2>
<h3>Hello World h3</h3>
<h4>Hello World h4</h4>
<h5>Hello World h5</h5>
<h6>Hello World h6</h6>
<h7>Hello World h7</h7>
</body>
</html>
代碼之間要有縮進，這樣才美觀
保存打開，效果如下圖
我們可以看到，字體大小不一樣了。不同的標簽顯示效果是不一樣的。
平時我們看到的網(wǎng)頁都是很漂亮的，有菜單之類排列的整齊美觀，這就是布局問題了，具體看下一遍博文
免責聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權內(nèi)容。
