HTML基础知识上

一、HTML知识总结

1、表头标签

关键字:<meta name="keywords" content="关键字"/>
网页的作者：<meta name="author" content="网页的作者"/>
页面每30秒刷新当前页面：<meta http-equiv="refresh" content="30"/>
简介：<meta name="description" content="简介"/>
样式：<style type="text/css"></style>
引入css样式：<link rel="stylesheet" href="地址"/>
引入js样式：<script src="地址"></script>

2、常用标签、属性
(1)、结构标签

<div></div>
<ul type="circle/disc/square">//空心圆、实心圆、实心方块
	<li>无序列表</li>
</ul>
<ol type="A" start="4" reversed>//start：从哪里开始 reversed：数据反过来
	<li>有序列表</li>
</ol>
<dl>
	<dt>自定义列表</dt>
	<dd></dd>
</dl>

(2)、文本标签

p	span	em	strong/b	i
段落标签	预留格式	斜体、强调	加粗	斜体

<font color="yellowgreen" size="5" face="宋体">周五</font>

(3)、资源标签

<img src="地址" width="" height="" border="1" alt="当图片不能显示，提示的文字">
视频标签：<video autoplay="autoplay" controls="controls">
			<source src="视频地址"></source>
音频标签：</video>
		<audio controls="controls" autoplay="autoplay">
			<source src="音频地址"></source>
		</audio>
controls：设置播放暂停按钮
autoplay：自动播放

(4)、超链接

<a href="地址" target="_black">百度</a>//_black：新的页面打开、_self:当前页面打开(默认)
		<a href="mailto:116546@qq.com" target="_self">QQ邮箱</a>//邮箱的超链接

(5)、其它标签、属性

<hr color="blue"  width="200" size="3" align="center"/>//水平线
<br/>//换行
<h1>-</h6>//标题标签
语义化标签：提高代码可读性
	<header>：页眉
	<footer>：页脚
color
	color:rgb(255,0,0);//不建议使用
	color:#FF0000;
	color:red;

3、表格标签

<table></table>//表格：由标题、表头、表格主体、表尾组成。
		<caption>标题</caption>
		<thead>
			<tr>
				<th>表头</th>
			</tr>
		</thead>
		<tbody>
			<td>内容</td>
		</tbody>
		<tfoot>表尾</tfoot>
合并行：colspan="";
合并列：rowspan="";
边框：border="";
空格：&nbsp;
单元格与单元格之间的距离:cellspacing="0"
对齐方式:align="center"
背景色或某个单元格颜色:bordercolor="red"

总结：代码这东西得多写多练，才不会忘记，光看是没有效果的。
未完待续……