南京凱盛建設(shè)集團(tuán)官方網(wǎng)站網(wǎng)絡(luò)營銷推廣專家
目錄
一、什么是HTML？
二、HTML的發(fā)展史
三、HTML5的優(yōu)勢
四、HTML基本結(jié)構(gòu)
五、DOCTYPE聲明
六、title標(biāo)簽
七、meta標(biāo)簽
八、標(biāo)題標(biāo)簽
九、段落標(biāo)簽
十、換行標(biāo)簽
十一、水平線標(biāo)簽
十二、字體樣式標(biāo)簽
十三、特殊符號
十四、圖像標(biāo)簽
十五、鏈接標(biāo)簽
十六、錨鏈接
1、創(chuàng)建跳轉(zhuǎn)標(biāo)記
2、創(chuàng)建跳轉(zhuǎn)鏈接
十七、郵件鏈接
十八、行內(nèi)元素和塊元素
塊元素
行內(nèi)元素
一、什么是HTML？
HTML是超文本標(biāo)記語言，超文本標(biāo)記語言包括文字、圖片、音頻、視頻、動畫等。
二、HTML的發(fā)展史
三、HTML5的優(yōu)勢
世界知名瀏覽器廠商對HTML5的支持、微軟、Google、蘋果、市場的需求等
四、HTML基本結(jié)構(gòu)
<html><!--網(wǎng)頁頭部--><head><title>我的第一個網(wǎng)頁</title></head><!--主體部分--><body>我的第一個網(wǎng)頁</body>
</html>五、DOCTYPE聲明
<!DOCTYPE html>
<!--html告訴瀏覽器使用什么規(guī)范-->
<html>
<head lang="en"><meta charset="utf-8"/><title>新建標(biāo)簽頁</title>
</head>
<body></body>
</html>六、title標(biāo)簽
七、meta標(biāo)簽
utf-8 則包含全世界所有國家需要用到的字符，頁面編碼應(yīng)與頁面文件保存時的編碼一致
八、標(biāo)題標(biāo)簽
<h1>一級標(biāo)題</h1> <h2>二級標(biāo)題</h2> <h3>三級標(biāo)題</h3> <h4>四級標(biāo)題</h4> <h5>五級標(biāo)題</h5> <h6>六級標(biāo)題</h6>
九、段落標(biāo)簽
<p>有勇氣就會有奇跡</p>
十、換行標(biāo)簽
<p>有勇氣!<br/>有奇跡!<br/>....
</p>
十一、水平線標(biāo)簽
<p>有勇氣!<br/><hr/>有奇跡!<br/><hr/>....
</p>
十二、字體樣式標(biāo)簽
加粗：<strong>…</strong>
斜體：<em>…</em>
<p><strong><em>有勇氣,有奇跡!</em></strong>
</p>
十三、特殊符號
| 特殊符號 | 字符實體 | 示例 |
| 空格 | 百度 新浪 | |
| 大于號(>) | > | 如果時間>晚上6點，就坐車回家 |
| 小于號(<) | < | 如果時間<早上7點，就走路去上學(xué) |
| 引號(") | " | HTML的屬性值必須用成對的"引起來 |
| 版權(quán)符號@ | ? | ? 百度 |
十四、圖像標(biāo)簽
常見的圖像格式：JPG、GIF、PNG、BMP
<img src="path" alt="text" title="text" width="x" height="y" />
十五、鏈接標(biāo)簽
<a href="path" target="目標(biāo)窗口位置">鏈接文本或圖像</a>
十六、錨鏈接
從A頁面的甲位置跳轉(zhuǎn)到本頁中的乙位置
從A頁面的甲位置跳轉(zhuǎn)到B頁面中的乙位置
1、創(chuàng)建跳轉(zhuǎn)標(biāo)記
<a name="marker">乙位置</a>2、創(chuàng)建跳轉(zhuǎn)鏈接
<a href="#marker">甲位置</a>十七、郵件鏈接
<a href="mailto:.....@gmail.com">聯(lián)系我們</a>十八、行內(nèi)元素和塊元素
塊元素
無論內(nèi)容多少，該元素獨占一行（p、h1-h6…）
行內(nèi)元素
內(nèi)容撐開寬度，左右都是行內(nèi)元素的可以排在一行(a、strong、em…)
?