文本
<!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)新搓幌。總結(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 >
面向未來,增強(qiáng)自主創(chuàng)新能力巧涧,最重要 的就是要堅(jiān)定不移走中國(guó)特色自主創(chuàng)新道路薯蝎,
堅(jiān)持自主創(chuàng)新、重點(diǎn)跨越谤绳、支撐發(fā)展占锯、引領(lǐng)未來的方針袒哥,
加快創(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>
圖片
<!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í)間才顯示出來)
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)頁上點(diǎn)擊后可以跳轉(zhuǎn)的標(biāo)簽都是超鏈接
href屬性:跳轉(zhuǎn)地址(本地地址琳猫,網(wǎng)絡(luò)地址)
網(wǎng)絡(luò)地址:跳轉(zhuǎn)到對(duì)應(yīng)的網(wǎng)頁
本地地址: 當(dāng)前工程的其他的html文件路徑
空串/#: 刷新頁面回到網(wǎng)頁的頂部
選擇器:讓網(wǎng)頁滾動(dòng)到網(wǎng)頁上的任意的位置
target屬性:
_self(默認(rèn)的): 在當(dāng)前頁面中打開href的地址
_blank: 在新的頁面中打開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>
<!--列表
有序列表
無序列表
自定義列表-->
<!--有序列表ol-->
<ol>
<li>元素</li>
<li>語文</li>
<li>數(shù)學(xué)</li>
</ol>
<!--無序列表ul-->
<ul>
<li>成都</li>
<li>重慶</li>
<li>北京</li>
</ul>
<!--自定義列表-->
<dl>
<dt>城市:</dt>
<dd>成都</dd>
<dd>重慶</dd>
<dd>北京</dd>
<dd>天津</dd>
</dl>
</body>
</html>