一、HTML
1.定义:(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准超文本标记语言。
2.常用浏览器
Chrome(谷歌)Firefox(火狐)IE浏览器 Opera浏览器 safari浏览器
3.浏览器内核
Trident内核(IE内核):IE,MaxThon,TT,The World,360,搜狗浏览器等[MSHTML]
Gecko内核(Firefox内核):Netscape6及以上版本,FF,MozillaSuite/SeaMonkey等
Presto内核(opera前内核):Opera7及以上[Opera内核原为:Presto,现为:Blink]
Webkit内核(safari内核):Safari,Chrome等[Chrome:Blink(Webkit的分支)]
4.骨架格式:`
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
(1)标题标签:
<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>
<h1>学的不仅是技术,更是梦想</h1>
(2)段落标签:
<p>学的不仅是技术,更是梦想</p>
(3)水平线标签:
<hr />
(4)换行标签:
<br />
(5)预定义格式标签:
<pre>
春眠不觉晓,
处处闻啼鸟。
夜来风雨声,
花落知多少。
</pre>
(6)字体标签:
<font>学的不仅是技术,更是梦想</font>
(7)超链接标签:
<a href="#" target="_blank"></a>
(8)下标标签:
7<sub>2</sub>
(9)上标标签:
7<sup>2</sup>
(10)加粗倾斜下划线:
<b><i><u>加粗倾斜下划线</u></i></b>
(11)图片标签:
<img src="img/timg.jpg" width="400" height="200" title="图片标题" alt="图片不能正常加载时的提示"/>
(12)列表标签:
有序列表
<ol>
<li>学的不仅是技术,更是梦想</li>
<li>学的不仅是技术,更是梦想</li>
<li>学的不仅是技术,更是梦想</li>
</ol>
无序列表
<ul>
<li>学的不仅是技术,更是梦想</li>
<li>学的不仅是技术,更是梦想</li>
<li>学的不仅是技术,更是梦想</li>
</ul>
自定义列表
<dl>
<dt>学的不仅是技术,更是梦想</dt>
<dd>菜鸟教程</dd>
</dl>
(13)表格标签:
<body>
<table border="1" width="300" height="300" align="center">
<tr>
<td>姓名</td>
<td>性别</td>
<td>年龄</td>
</tr>
</table>
</body>
表格标题:
<caption>表格标题</caption>
rowspan 行合并
colspan 行合并
cellspacing 单元格和单元格之间的距离
cellpadding 单元格内容与单元格边框之间的距离
ailgn 对齐方式
border 元素的边框 0表示没有边框
<table border="1" align="center" width="560" height="200" cellspacing="0">
<td rowspan="4"><img src="img/timg.jpg" width="150" height="200"/></td>
(14)滚动标签
<marquee><img src="img/13.jpg"/ direction="down"></marquee>