整合營(yíng)銷(xiāo)服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢(xún)熱線(xiàn)：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢(xún)熱線(xiàn)：
meta主要用于設(shè)置網(wǎng)頁(yè)中的一些元數(shù)據(jù)，元數(shù)據(jù)不是給用戶(hù)看 charset 指定網(wǎng)頁(yè)的字符集 name 指定的數(shù)據(jù)的名稱(chēng) content 指定的數(shù)據(jù)的內(nèi)容
keywords 表示網(wǎng)站的關(guān)鍵字，可以同時(shí)指定多個(gè)關(guān)鍵字，關(guān)鍵字間使用,隔開(kāi)
<meta name="Keywords" content="網(wǎng)上購(gòu)物,網(wǎng)上商城,手機(jī),筆記本,電腦,MP3,CD,VCD,DV,相機(jī),數(shù)碼,配件,手表,存儲(chǔ)卡,京東"/>description 用于指定網(wǎng)站的描述
<meta name="description" content="京東JD.COM-專(zhuān)業(yè)的綜合網(wǎng)上購(gòu)物商城,銷(xiāo)售家電、數(shù)碼通訊、電腦、家居百貨、服裝服飾、母嬰、圖書(shū)、食品等數(shù)萬(wàn)個(gè)品牌優(yōu)質(zhì)商品.便捷、誠(chéng)信的服務(wù)，為您提供愉悅的網(wǎng)上購(gòu)物體驗(yàn)!"/><meta http-equiv="refresh" content="3;url=https://www.mozilla.org">將頁(yè)面重定向到另一個(gè)網(wǎng)站
title標(biāo)簽的內(nèi)容會(huì)作為搜索結(jié)果的超鏈接上的文字顯示
<title>Document</title>header 表示網(wǎng)頁(yè)的頭部 main 表示網(wǎng)頁(yè)的主體部分(一個(gè)頁(yè)面中只會(huì)有一個(gè)main) footer 表示網(wǎng)頁(yè)的底部 nav 表示網(wǎng)頁(yè)中的導(dǎo)航 aside 和主體相關(guān)的其他內(nèi)容（側(cè)邊欄） article 表示一個(gè)獨(dú)立的文章 section 表示一個(gè)獨(dú)立的區(qū)塊，上邊的標(biāo)簽都不能表示時(shí)使用section
div 沒(méi)有語(yǔ)義，就用來(lái)表示一個(gè)區(qū)塊，目前來(lái)講div還是我們主要的布局元素
span 行內(nèi)元素，沒(méi)有任何的語(yǔ)義，一般用于在網(wǎng)頁(yè)中選中文字
<header></header>
<main></main>
<footer></footer>
<nav></nav>
<aside></aside>
<article></article>
<section></section>
<div></div>
<span></span>使用ol標(biāo)簽來(lái)創(chuàng)建無(wú)序列表，使用li表示列表項(xiàng)
<ul>
<li>結(jié)構(gòu)</li>
<li>表現(xiàn)</li>
<li>行為</li>
</ul>使用ul標(biāo)簽來(lái)創(chuàng)建無(wú)序列表，使用li表示列表項(xiàng)
<ol>
<li>結(jié)構(gòu)</li>
<li>表現(xiàn)</li>
<li>行為</li>
</ol>使用dl標(biāo)簽來(lái)創(chuàng)建一個(gè)定義列表， 使用dt來(lái)表示定義的內(nèi)容，使用dd來(lái)對(duì)內(nèi)容進(jìn)行解釋說(shuō)明
<dl>
<dt>結(jié)構(gòu)</dt>
<dd>結(jié)構(gòu)表示網(wǎng)頁(yè)的結(jié)構(gòu)，結(jié)構(gòu)用來(lái)規(guī)定網(wǎng)頁(yè)中哪里是標(biāo)題，哪里是段落</dd>
<dd>結(jié)構(gòu)表示網(wǎng)頁(yè)的結(jié)構(gòu)，結(jié)構(gòu)用來(lái)規(guī)定網(wǎng)頁(yè)中哪里是標(biāo)題，哪里是段落</dd>
<dd>結(jié)構(gòu)表示網(wǎng)頁(yè)的結(jié)構(gòu)，結(jié)構(gòu)用來(lái)規(guī)定網(wǎng)頁(yè)中哪里是標(biāo)題，哪里是段落</dd>
</dl><ul>
<li>
aa
<ul>
<li>aa-1</li>
<li>aa-2
<ul>
<li>aa-1</li>
<li>aa-2</li>
</ul>
</li>
</ul>
</li>
</ul>超鏈接可以讓我們從一個(gè)頁(yè)面跳轉(zhuǎn)到其他頁(yè)面， 或者是當(dāng)前頁(yè)面的其他的位置
使用 a 標(biāo)簽來(lái)定義超鏈接
<a href="https://www.baidu.com">超鏈接</a>指定跳轉(zhuǎn)的目標(biāo)路徑
值可以是一個(gè)外部網(wǎng)站的地址
也可以寫(xiě)一個(gè)內(nèi)部頁(yè)面的地址
超鏈接是也是一個(gè)行內(nèi)元素，在a標(biāo)簽中可以嵌套除它自身外的任何元素
用來(lái)指定超鏈接打開(kāi)的位置
_self 默認(rèn)值 在當(dāng)前頁(yè)面中打開(kāi)超鏈接
_blank 在一個(gè)新的要么中打開(kāi)超鏈接
<a href="07.列表.html" target="_blank">超鏈接</a>將#作為超鏈接的路徑的展位符使用
javascript：; 來(lái)作為href的屬性，此時(shí)點(diǎn)擊這個(gè)超鏈接什么也不會(huì)發(fā)生
將超鏈接的href屬性設(shè)置為#，這樣點(diǎn)擊超鏈接以后 頁(yè)面不會(huì)發(fā)生跳轉(zhuǎn)，而是轉(zhuǎn)到當(dāng)前頁(yè)面的頂部的位置
跳轉(zhuǎn)到頁(yè)面的指定位置，只需將href屬性設(shè)置 #目標(biāo)元素的id屬性值
<a href="#bottom">去底部</a>
<br><br>
<a href="#p3">去第三個(gè)自然段</a>
<br><br>
<p>
內(nèi)容多一點(diǎn)
</p>
<a href="#">這是一個(gè)新的超鏈接</a>
<br><br>
<a href="javascript：;">這是一個(gè)新的超鏈接</a>
<br><br>
<a id="bottom" href="#">回到頂部</a>img標(biāo)簽來(lái)引入外部圖片，img標(biāo)簽是一個(gè)自結(jié)束標(biāo)簽
屬性：src 屬性指定的是外部圖片的路徑（路徑規(guī)則和超鏈接是一樣的）
alt 圖片的描述，這個(gè)描述默認(rèn)情況下不會(huì)顯示，有些瀏覽器會(huì)圖片無(wú)法加載時(shí)顯示
<img src="./img/1.gif" alt="松鼠">用于向當(dāng)前頁(yè)面中引入一個(gè)其他頁(yè)面
<iframe src="https://www.qq.com" width="800" height="600" frameborder="0"></iframe>audio 標(biāo)簽用來(lái)向頁(yè)面中引入一個(gè)外部的音頻文件的
<audio src="./source/audio.mp3" controls autoplay loop></audio>除了通過(guò)src來(lái)指定外部文件的路徑以外，還可以通過(guò)source來(lái)指定文件的路徑
<audio controls>
<!-- 對(duì)不起，您的瀏覽器不支持播放音頻！請(qǐng)升級(jí)瀏覽器！-->
<source src="./source/audio.mp3">
<source src="./source/audio.ogg">
<embed src="./source/audio.mp3" type="audio/mp3" width="300" height="100">
</audio>與 audio 相似
<video controls>
<source src="./source/flower.webm">
<source src="./source/flower.mp4">
<embed src="./source/flower.mp4" type="video/mp4">
</video><table border="1" width='50%' align="center">
<tr>
<td>A1</td>
<td>B1</td>
<td>C1</td>
<td>D1</td>
</tr>
<tr>
<td>A2</td>
<td>B2</td>
<td>C2</td>
<td rowspan="2">D2</td>
</tr>
<tr>
<td>A3</td>
<td>B3</td>
<td>C3</td>
</tr>
<tr>
<td>A4</td>
<td>B4</td>
<td colspan="2">C4</td>
</tr>
</table><table border="1" width='50%' align="center">
<thead>
<tr>
<th>日期</th>
<th>收入</th>
<th>支出</th>
<th>合計(jì)</th>
</tr>
</thead>
<tbody>
<tr>
<td>2000.1.1</td>
<td>500</td>
<td>200</td>
<td>300</td>
</tr>
<tr>
<td>2000.1.1</td>
<td>500</td>
<td>200</td>
<td>300</td>
</tr>
<tr>
<td>2000.1.1</td>
<td>500</td>
<td>200</td>
<td>300</td>
</tr>
<tr>
<td>2000.1.1</td>
<td>500</td>
<td>200</td>
<td>300</td>
</tr>
</tbody>
<tfoot>
<tr>
<td></td>
<td></td>
<td>合計(jì)</td>
<td>300</td>
</tr>
</tfoot>
</table>border-spacing: 0px;border-collapse: collapse;<input type="text" name="username"><input type="radio" name="hello" value="a">
<input type="radio" name="hello" value="b" checked><input type="checkbox" name="test" value="1">
<input type="checkbox" name="test" value="2">
<input type="checkbox" name="test" value="3" checked><select name="haha">
<option value="i">選項(xiàng)一</option>
<option selected value="ii">選項(xiàng)二</option>
<option value="iii">選項(xiàng)三</option>
</select><input type="submit" value="注冊(cè)"><form action="target.html">
<input type="text" name="username" value="hello" readonly>
<br><br>
<input type="text" name="username" autofocus>
<br><br>
<input type="text" name="b">
<br><br>
<!-- <input type="color"> -->
<br><br>
<!-- <input type="email"> -->
<br><br>
<input type="submit">
<!-- 重置按鈕 -->
<input type="reset">
<!-- 普通的按鈕 -->
<input type="button" value="按鈕">
<br><br>
<button type="submit">提交</button>
<button type="reset">重置</button>
<button type="button">按鈕</button>
</form><!--
我是注釋中的注釋 注釋不能嵌套
-->
<!doctype html>html是一種簡(jiǎn)單易記，功能強(qiáng)大的標(biāo)記語(yǔ)言，它是學(xué)習(xí)前端知識(shí)的第一站，也是所有WEB開(kāi)發(fā)者、乃至產(chǎn)品經(jīng)理、運(yùn)營(yíng)人員必須學(xué)習(xí)的一項(xiàng)基礎(chǔ)內(nèi)容。
1. html5是WEB開(kāi)發(fā)者，必須掌握的基礎(chǔ)知識(shí)；
2. html5應(yīng)用廣泛，它可以用來(lái)開(kāi)發(fā)網(wǎng)站、WEB應(yīng)用、WEB游戲等等，如微信小程序、移動(dòng)端小游戲等都跟html5有關(guān)；
3. html5很容易掌握，花幾個(gè)小時(shí)就可以掌握它；
1. 講師講課風(fēng)格幽默，整個(gè)學(xué)習(xí)過(guò)程輕松有趣，不枯燥、不乏味；
2. 以就業(yè)為導(dǎo)向，與實(shí)戰(zhàn)相結(jié)合，滿(mǎn)足大部分學(xué)員的學(xué)習(xí)需求；
1. 學(xué)完每一節(jié)課程，動(dòng)手將代碼打一遍；
2. 舉一反三，學(xué)完每節(jié)課程，思考一下它的應(yīng)用場(chǎng)景；
3. 完成本門(mén)課程，試著自己寫(xiě)一個(gè)純html5的網(wǎng)頁(yè)；
1. 零基礎(chǔ)學(xué)員；
2. 前端愛(ài)好者；
1、DOCTYPE 描述文檔的類(lèi)型，規(guī)定web 瀏覽器關(guān)于頁(yè)面使用哪個(gè) HTML 版本進(jìn)行編寫(xiě)的指令。
網(wǎng)頁(yè)可以使用的具體版本，網(wǎng)頁(yè)中可以使用那些標(biāo)記，每個(gè)版本的DTD版本均有不同
2、<html></html> 網(wǎng)頁(yè)文檔中的根標(biāo)記
html 標(biāo)簽有三個(gè)特殊的屬性
3、<head></head>頭部標(biāo)簽在網(wǎng)頁(yè)中只能有一個(gè)，設(shè)置HTML文檔的頭部信息，里面內(nèi)容不會(huì)在頁(yè)面中顯示出來(lái)·。
head里面的標(biāo)記
4、<body></body>只能有一個(gè)，顯示網(wǎng)頁(yè)的主體內(nèi)容。
<meta>元素的屬性：
1、name 屬性
1 <meta name="author" content="nyw">
2 <!--作者， 定義網(wǎng)頁(yè)的作者 -->
3 <meta name="description" content="meta標(biāo)記學(xué)習(xí)">
4 <!-- 描述，描述網(wǎng)頁(yè)的實(shí)際內(nèi)容 -->
5 <meta name="keywords" content="HTML,meta">
6 <!-- 關(guān)鍵字，定義網(wǎng)頁(yè)關(guān)鍵字 -->2、http-equiv屬性
1 <meta http-equiv="refresh" content="30">
2 <!-- 網(wǎng)頁(yè)30s后自動(dòng)刷新 -->
3 <meta http-equiv="refresh" content="5,url=dom.html">
4 <!-- 網(wǎng)頁(yè)30秒后跳轉(zhuǎn)到dom.html文檔 --><meta http-equiv="refresh" content="5,url=dom.html">
http-equiv描述網(wǎng)頁(yè)的行為，行為 refresh刷新，內(nèi)容為5，表示5秒后跳轉(zhuǎn)到 dom.html這個(gè)文檔。
3、content 屬性
特殊屬性
4、charset屬性
指定網(wǎng)頁(yè)的編碼，推薦使用UTF-8來(lái)增加網(wǎng)頁(yè)的兼容性。
代碼實(shí)例：
為搜索引擎抓取機(jī)器人準(zhǔn)備一些信息
這段代碼可以禁止搜索引擎緩存和跟蹤網(wǎng)頁(yè)。
<meta name="robots" content="noindex,nofollow">
<!-- name定義的是機(jī)器人，內(nèi)容部分表示不要被搜索引擎緩存，也不要被搜索引擎跟蹤 -->代碼實(shí)例：
1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4 <meta charset="UTF-8">
5 <title>網(wǎng)頁(yè)標(biāo)題(顯示在瀏覽器上)</title>
6 <meta name="author" content="nyw">
7 <!--作者， 定義網(wǎng)頁(yè)的作者 -->
8 <meta name="description" content="meta標(biāo)記學(xué)習(xí)">
9 <!-- 描述，描述網(wǎng)頁(yè)的實(shí)際內(nèi)容 -->
10 <meta name="keywords" content="HTML,meta">
11 <!-- 關(guān)鍵字，定義網(wǎng)頁(yè)關(guān)鍵字 -->
12 <meta http-equiv="refresh" content="30">
13 <!-- 網(wǎng)頁(yè)30s后自動(dòng)刷新 -->
14 <meta http-equiv="refresh" content="5,url=dom.html">
15 <!-- 網(wǎng)頁(yè)30秒后跳轉(zhuǎn)到dom.html文檔 -->
16 <meta name="robots" content="noindex,nofollow">
17 <!-- name定義的是機(jī)器人，內(nèi)容部分表示不要被搜索引擎緩存，也不要被搜索引擎跟蹤 -->
18 </head>
19 <body>
20 </body>
21 </html>title和base標(biāo)記都是寫(xiě)在head標(biāo)簽中
title：設(shè)置網(wǎng)頁(yè)的標(biāo)題
寫(xiě)法：<title>內(nèi)容</title>。
base：指定網(wǎng)頁(yè)跳轉(zhuǎn)基準(zhǔn)URL，如果不指定的話(huà)默認(rèn)為當(dāng)前網(wǎng)站的當(dāng)前路徑。
寫(xiě)法：<base href="http://www.aaa.zzz/">
base屬性值：
<base href="http://baidu.com/"> 這是將頁(yè)面跳轉(zhuǎn)到百度的網(wǎng)站打開(kāi)。
<base target="_blank"> 網(wǎng)頁(yè)中的鏈接都應(yīng)該在新的窗口中打開(kāi)。
terget屬性值：
link標(biāo)記：鏈接外部文件時(shí)使用的標(biāo)記，可以把外部文件的內(nèi)容引入到當(dāng)前文件中來(lái)，使當(dāng)前網(wǎng)頁(yè)實(shí)現(xiàn)更多的功能。
link屬性：
href：指定鏈接外部路徑的路徑和文件名，要設(shè)置全路徑并且?guī)募?/span>
rel：引用文件，引用資源的類(lèi)型定義
我們?cè)谑褂胠ink標(biāo)簽引用外部文件的時(shí)候，外部文件的類(lèi)型是多種多樣的。
alternate 代替文檔（種子，其他語(yǔ)言版本，其他格式等等）
author 網(wǎng)頁(yè)的作者
help 幫助文件的鏈接
icon 網(wǎng)頁(yè)的圖標(biāo)
next 如果是連續(xù)網(wǎng)頁(yè)的時(shí)候，指定下一個(gè)網(wǎng)頁(yè)
prefetch 把鏈接外部資源時(shí)提前緩存起來(lái)。
prev 如果是連續(xù)網(wǎng)頁(yè)
media 鏈接文件或是資源屬于哪一種資源。
hreflang 鏈接文件的語(yǔ)言種類(lèi)
type 鏈接文件的mi/me類(lèi)型（比如說(shuō)，圖片圖標(biāo)文本）
sizes 根據(jù)link鏈接文件的類(lèi)型，來(lái)指定文件的大小
代碼示例：
鏈接網(wǎng)頁(yè)圖標(biāo)：
網(wǎng)站的圖標(biāo)指定，可以顯示在瀏覽器的圖標(biāo)欄，也可以被手機(jī)讀取作為網(wǎng)站的圖標(biāo)存入收藏夾1 <!-- 網(wǎng)站的圖標(biāo)指定，可以顯示在瀏覽器的圖標(biāo)欄，也可以被手機(jī)讀取作為網(wǎng)站的圖標(biāo)存入收藏夾 -->
2 <link rel="icon">
3 <!-- 示例 -->
4 <link rel="icon" href="img/favicon.png" type="image/png">
5 <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
6 <link rel="apple-touch-icon" href="img/apple-touch-icon.png" type="image/png">注意：后面的href和前面type標(biāo)注的類(lèi)型要一致，這樣既可以顯示在瀏覽器，又可以顯示在手機(jī)上
鏈接外部樣式單
1 <link rel="stylesheet">
2 <link rel="stylesheet" href="style1.css" media="screen">
3 <link rel="stylesheet" href="style2.css" title="主題樣式文件">
4 <link rel=" alternate stylesheet" href="style3.css" title="可選樣式單">說(shuō)明：
alternate 會(huì)在瀏覽器中會(huì)彈出一個(gè)對(duì)話(huà)框，供用戶(hù)可以進(jìn)行選擇
media 表示媒體類(lèi)型為屏幕，可以是手機(jī)，但不包括打印機(jī)和投影儀
title 對(duì)這個(gè)link進(jìn)行簡(jiǎn)單的說(shuō)明
網(wǎng)站RSS種子指定
<!-- 網(wǎng)站RSS種子指定 -->
<link rel="alternate" type="application/rss+xml">為搜索引擎的準(zhǔn)備的網(wǎng)頁(yè)的URL
<!-- 為搜索引擎的準(zhǔn)備的網(wǎng)頁(yè)的URL -->
<link rel="canonical">
<link rel="canonical" href="http://www.aaa.zzz/help.html">告訴搜索引擎代替URL是哪里。
有試過(guò)自己寫(xiě)一個(gè)網(wǎng)頁(yè)嗎？聽(tīng)上去難，其實(shí)操作起來(lái)很簡(jiǎn)單，不夸張地說(shuō)——有手就行。來(lái)試試看吧。
1）一個(gè)網(wǎng)站由若干個(gè)網(wǎng)頁(yè)構(gòu)成，這些網(wǎng)頁(yè)是用超級(jí)鏈接有邏輯地聯(lián)系起來(lái)的。
2）網(wǎng)站由網(wǎng)址來(lái)識(shí)別和存取。
3）網(wǎng)頁(yè)需要上傳到網(wǎng)絡(luò)空間中，才能供瀏覽者訪(fǎng)問(wèn)網(wǎng)站中的內(nèi)容。
即，一個(gè)網(wǎng)站需要有域名（網(wǎng)址）、網(wǎng)頁(yè)、網(wǎng)絡(luò)空間三部分。
1）語(yǔ)言
我們可以使用HTML來(lái)編寫(xiě)網(wǎng)頁(yè)，HTML文件就是增加了標(biāo)記的普通文本文件。
可以簡(jiǎn)單地使用記事本來(lái)編寫(xiě)一個(gè)網(wǎng)頁(yè)，只需將文件后綴名改為html，然后用瀏覽器打開(kāi)。
現(xiàn)在編寫(xiě)網(wǎng)頁(yè)的語(yǔ)言其實(shí)由三部分構(gòu)成：HTML,CSS,JavaScript。
1）HTML：早期編寫(xiě)網(wǎng)站的語(yǔ)言。
2）CSS：負(fù)責(zé)網(wǎng)站內(nèi)容的表現(xiàn)形式。是在HTML原來(lái)的功能中分離出來(lái)的，這種分離可以使維護(hù)站點(diǎn)外觀(guān)更容易，也讓文檔代碼更簡(jiǎn)練，網(wǎng)頁(yè)加載快。
3）JavaScript：負(fù)責(zé)動(dòng)態(tài)部分。 使網(wǎng)頁(yè)更加生動(dòng)活潑，增加和用戶(hù)的互動(dòng)。
2）軟件
前面已經(jīng)講到，可以簡(jiǎn)單地使用記事本來(lái)編輯網(wǎng)頁(yè)。
這里在提出兩款編輯軟件：EditPlus，Dreamweaver。它們的能力是遞增的。
EditPlus:
EditPlus相比記事本的優(yōu)點(diǎn)是，可以帶有html語(yǔ)言的語(yǔ)法高亮，而且可以在這個(gè)編輯頁(yè)面中直接預(yù)覽網(wǎng)頁(yè)（點(diǎn)擊左上角部分的小地球圖標(biāo)）。
前面已經(jīng)提到，html語(yǔ)言文件就是增加了標(biāo)記的普通文本。
那么首先，我們就要了解標(biāo)記的作用：
一些簡(jiǎn)單的標(biāo)記，可以讓文本在網(wǎng)頁(yè)中以另一種形式呈現(xiàn)出來(lái)。
簡(jiǎn)單起見(jiàn)，接下來(lái)就使用記事本來(lái)編寫(xiě)我們的網(wǎng)頁(yè)。
首先，新建一個(gè)文本文件（txt），給它起個(gè)隨便的名字。
然后用記事本打開(kāi)它，輸入以上內(nèi)容，記得保存。
重命名文件，將文件后綴名改為html。
（<br>的意思是換行）
接著選擇打開(kāi)方式為某個(gè)瀏覽器（系統(tǒng)默認(rèn)的瀏覽器就可以），就可以顯示出我們剛剛編寫(xiě)的網(wǎng)頁(yè)了。
是不是感覺(jué)樸素地有點(diǎn)過(guò)頭了？沒(méi)關(guān)系，第一次嘛。
<html>
<body>
<br>
<br>
<br>
這是我們的第一個(gè)網(wǎng)頁(yè)。
<br>
<br>
<br>
</body>
</html>
這里我們用到了三個(gè)基本的標(biāo)簽：<html>、<body>和<br>。
其中<html>標(biāo)志著我們html文件的開(kāi)始，<body>則表示正文內(nèi)容的開(kāi)始。而</html>和</body>分別代表著對(duì)應(yīng)部分的結(jié)束。<body>和</body>之間的一行文本，則是我們要展現(xiàn)的內(nèi)容。而<br>則是換行，我們經(jīng)常用這個(gè)標(biāo)簽來(lái)調(diào)整網(wǎng)頁(yè)的上下距離。
增加一些其它的標(biāo)簽，讓我們的網(wǎng)頁(yè)更加生動(dòng)一點(diǎn)。
<!doctype html>
<html>
<title>第一個(gè)網(wǎng)頁(yè)</title>
<body
background = "宇宙.jpeg"
text = "#ccff66"
leftmargin = "300">
<h1>這是我們的第一個(gè)網(wǎng)頁(yè)！</h1>
<p>可以簡(jiǎn)單留作一個(gè)紀(jì)念。</p>
<p>但我們的征途，是星辰大海！</p>
</body>
</html>標(biāo)簽 | 功能 |
<!doctype html> | 標(biāo)識(shí)文件的語(yǔ)言標(biāo)準(zhǔn)，這里指的是html5 |
<title> | 網(wǎng)頁(yè)的標(biāo)題，即瀏覽器中頁(yè)面的名字 |
<h1> | 一級(jí)標(biāo)題 |
<p> | 一個(gè)段落的開(kāi)始 |
在<body>標(biāo)記中，還可以控制一些全局的呈現(xiàn)效果：
標(biāo)識(shí)符 | 控制內(nèi)容 |
background | 背景圖片（需要在html文件相同目錄下，加入相應(yīng)的圖片文件） |
text | 文本內(nèi)容的顏色 |
leftmargin | 兩邊間距大小 |
下面是新的網(wǎng)頁(yè)：
*請(qǐng)認(rèn)真填寫(xiě)需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
