文本
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<!--1.標(biāo)題標(biāo)簽(h1-h6)-->
<h1>我是標(biāo)題1</h1>
<h2>我是標(biāo)題2</h2>
<h3>我是標(biāo)題3</h3>
<h4>我是標(biāo)題4</h4>
<h5>我是標(biāo)題4</h5>
<h6>我是標(biāo)題4</h6>
<!--<h7>我是錯(cuò)誤的標(biāo)題格式</h7>-->
<!--
2.段落標(biāo)簽(p)
a.一個(gè)p標(biāo)簽對(duì)應(yīng)一個(gè)段落
b.p標(biāo)簽的內(nèi)容結(jié)束后會(huì)和其他的內(nèi)容之間默認(rèn)有一個(gè)空行
-->
<p>
世界經(jīng)濟(jì)長(zhǎng)遠(yuǎn)發(fā)展的動(dòng)力源自創(chuàng)新?？偨Y(jié)歷史經(jīng)驗(yàn)，
我們會(huì)發(fā)現(xiàn)，體制機(jī)制變革釋放出的活力和創(chuàng)造力，科技進(jìn)步造就的新產(chǎn)業(yè)和新產(chǎn)品，
是歷次重大危機(jī)后世界經(jīng)濟(jì)走出困境、實(shí)現(xiàn)復(fù)蘇的根本。
</p>
<p >
面向未來(lái)，增強(qiáng)自主創(chuàng)新能力，最重要 的就是要堅(jiān)定不移走中國(guó)特色自主創(chuàng)新道路，
堅(jiān)持自主創(chuàng)新、重點(diǎn)跨越、支撐發(fā)展、引領(lǐng)未來(lái)的方針，
加快創(chuàng)新型國(guó)家建設(shè)步伐。½</p>
<!--3.文本符號(hào)
--- 空格
其他的查手冊(cè)
-->
<p>
世界經(jīng)濟(jì)長(zhǎng)遠(yuǎn)發(fā)展的動(dòng)力源自創(chuàng)新。總結(jié)歷史經(jīng)驗(yàn)，
我們會(huì)發(fā)現(xiàn)，體制機(jī)制變革釋放出的活力和創(chuàng)造力，科技進(jìn)步造就的新產(chǎn)業(yè)和新產(chǎn)品，
是歷次重大危機(jī)后世界經(jīng)濟(jì)走出困境、實(shí)現(xiàn)復(fù)蘇的根本。
</p>
<!--4.換行標(biāo)簽(br)-->
<p>
世界經(jīng)濟(jì)長(zhǎng)遠(yuǎn)發(fā)展的動(dòng)力源自創(chuàng)新。總結(jié)歷史經(jīng)驗(yàn)，<br />
我們會(huì)發(fā)現(xiàn)，體制機(jī)制變革釋放出的活力和創(chuàng)造力，科技進(jìn)步造就的新產(chǎn)業(yè)和新產(chǎn)品，<br />
是歷次重大危機(jī)后世界經(jīng)濟(jì)走出困境、實(shí)現(xiàn)復(fù)蘇的根本。
</p>
<!--5.超鏈接(a)-->
<a >百度一下</a>
<!--6.文字加粗(b/strong)
<b>加粗文字</b>
<strong>加粗文字</strong> -- 有強(qiáng)調(diào)的作用
-->
<p>
世界經(jīng)濟(jì)長(zhǎng)遠(yuǎn)發(fā)展的動(dòng)力源自創(chuàng)新。<hr />總結(jié)歷史經(jīng)驗(yàn)，<br />
我們會(huì)發(fā)現(xiàn)，<b>體制機(jī)制</b>變革釋放出的活力和<strong>創(chuàng)造力</strong>，科技進(jìn)步造就的新產(chǎn)業(yè)和新產(chǎn)品，<br />
是歷次重大危機(jī)后世界經(jīng)濟(jì)走出困境、實(shí)現(xiàn)復(fù)蘇的根本。
</p>
<hr />
<!--7.文字傾斜(i/em)
<i>傾斜文字</i>
<em>傾斜文字</em> -- 有強(qiáng)調(diào)的作用
-->
<p>
世界經(jīng)濟(jì)<i>長(zhǎng)遠(yuǎn)發(fā)展</i>的動(dòng)力源自創(chuàng)新。總結(jié)<em>歷史</em>經(jīng)驗(yàn)，<br />
我們會(huì)發(fā)現(xiàn)，<b><i>體制機(jī)制</i></b>變革釋放出的活力和<strong>創(chuàng)造力</strong>，科技進(jìn)步造就的新產(chǎn)業(yè)和新產(chǎn)品，<br />
是歷次重大危機(jī)后世界經(jīng)濟(jì)走出困境、實(shí)現(xiàn)復(fù)蘇的根本。
</p>
<!--8.水平線-->
<hr />
</body>
</html>
文本標(biāo)簽
圖片
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<!--1.圖片標(biāo)簽(img)
a.src屬性:圖片的地址(本地地址、網(wǎng)絡(luò)地址)
本地地址:相對(duì)路徑(相對(duì)于工程目錄)
注意:本地圖片需要放到工程目錄下的img文件夾下
b.title屬性：圖片的標(biāo)題(鼠標(biāo)停留在圖片上，隔一段時(shí)間才顯示出來(lái))
c.alt屬性：圖片加載失敗后顯示的提示信息
-->
<h1>圖片1</h1>
<img src="img/luffy.png"/>
<img id="image1" alt="圖片加載失敗" title="山治" src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1534152944837&di=6f15150dbd694d66d199f66c6b0c6612&imgtype=0&src=http%3A%2F%2Fp6.qhimg.com%2Ft01764dfada8dc1af26.jpg"/>
<h1 id="imge2">圖片2</h1>
<img src="img/luffy.png"/>
<h1>圖片3</h1>
<img src="img/luffy.png"/>
<!--2.超鏈接（a）
網(wǎng)頁(yè)上點(diǎn)擊后可以跳轉(zhuǎn)的標(biāo)簽都是超鏈接
href屬性:跳轉(zhuǎn)地址(本地地址，網(wǎng)絡(luò)地址)
網(wǎng)絡(luò)地址：跳轉(zhuǎn)到對(duì)應(yīng)的網(wǎng)頁(yè)
本地地址: 當(dāng)前工程的其他的html文件路徑
空串/#: 刷新頁(yè)面回到網(wǎng)頁(yè)的頂部
選擇器：讓網(wǎng)頁(yè)滾動(dòng)到網(wǎng)頁(yè)上的任意的位置
target屬性：
_self(默認(rèn)的): 在當(dāng)前頁(yè)面中打開(kāi)href的地址
_blank: 在新的頁(yè)面中打開(kāi)href的地址
a. 點(diǎn)擊文字跳轉(zhuǎn)
-->
<a href="#">百度一下</a>
<a href="03-列表.html" target="_blank">列表</a>
<a href="#imge2">圖片2</a>
<a href="#image1">圖片11111</a>
<!--b.點(diǎn)擊圖片跳轉(zhuǎn)-->
<a >
<img src="img/luffy2.png"/>
</a>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>html基礎(chǔ)</title>
</head>
<body>
<!--列表
有序列表
無(wú)序列表
自定義列表-->
<!--有序列表ol-->
<ol>
<li>元素</li>
<li>語(yǔ)文</li>
<li>數(shù)學(xué)</li>
</ol>
<!--無(wú)序列表ul-->
<ul>
<li>成都</li>
<li>重慶</li>
<li>北京</li>
</ul>
<!--自定義列表-->
<dl>
<dt>城市:</dt>
<dd>成都</dd>
<dd>重慶</dd>
<dd>北京</dd>
<dd>天津</dd>
</dl>
</body>
</html>
列表
