HTML基础
HTML是超文本标记语言
写一些规定好的标记,浏览器自动解析成这些标记该标记的样子
.html --标准HTML格式
.xhtml --严格HTML格式
.htm --也是一种标准HTML格式,适用于一些老的服务器(只支持后缀3位)
<!DOCTYPE html><!--定义当前文档类型(这是html类型)-->
<html>
<head><!--头 文档属性相关内容,不会显示出来-->
<title></title><!--网页名-->
</head>
<body> <!--页面显示内容-->
hello word <!--没有修饰符,那么浏览器会以默认模式显示-->
</body>
</html>
<meta name="keywords" content="*,*"> 设置关键字*,多个用,分开
<meta name="description" content="*,*"> 设置当前网站的主要内容,用完整的句子形容
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"> 设置网页编码格式
<meta http-equiv="refrech" content="3,http://www.baidu.com"> 3秒后刷新到百度
<!--注释--> 注释内容不会显示在网页上
<h1>标题1</h1> 文本标题,共有6级,1的字体最大
<p>段落</p> 段落标签,结尾会换行
<blockquote>引用文本标签</blockquote>
无序列表标签
<ul>
<li>列表1</li>
<li>列表2</li>
<li>列表3</li>
</ul>
有序列表标签
<ol>
<li>列表1</li>
<li>列表2</li>
<li>列表3</li>
</ol>
描述标签
<dl>
<dt><img src="图片路径" alt="图片无法显示时,需要显示的内容" title="鼠标放在图片上提示的内 容"></dt><!--一般存放图片-->
<dd></dd><!--对图片进行详细描述-->
</dl>
<pre></pre> 预编译标签(可以自定义标签内容格式)
<div></div> 块标签(里面可以放其他的标签)
特殊字符
空格
< 左尖括号<或小于号
> 右尖括号>或大于号
© 版权符号©
® 已注册符号®
& and符号&
— 长破折号
超链接
<a href="http://www.baidu.com">点我啊</a> 点击点我啊,跳转到百度网页(其中http://必须加,不然是在本地服务器上找)
锚链接(可跨页链接)
<a href="#t1">我要看足球</a>
<p id=1>足球</p>
<a tabindex="1">点我啊</a> 设置点我啊按table键选择的顺序(tabindex="2或者3等")
视频标签 <video src="视频地址" controls="controls" autoplay="autoplay" loop="loop">
控制器 自动播放 循环播放
音频标签 <audio src="视频地址" controls="controls" autoplay="autoplay" loop="loop">
控制器 自动播放 循环播放
表标签
<table border="1" cellspacing="0">
边框像素是1 边框中的距离为0
<th>表头</th> <!--表头(标题)-->
<tr><!--表的行-->
<td></td><!--表的列-->
<td></td>
</tr>
</table>
<td rowspan="3"></td> 跨行(合并3行单元格)
<td colspan="3"></td> 跨列(合并3列单元格)