HTML基础知识上
程序员文章站
2024-01-29 19:37:10
...
一、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>段落标签</p> <span>预留格式</span> <em>斜体、强调</em> <strong>加粗</strong> <b>加粗</b> <i>斜体</i>
<font color="yellowgreen" size="5" face="宋体">周五</font>
(3)、资源标签
<img src="地址" width="" height="" border="1" alt="当图片不能显示,提示的文字">
<audio src="地址">音频</audio>
<video src="地址">视频</video>
(4)、超链接
<a href="地址" target="_black">百度</a>//新的页面打开、_self:当前页面打开(默认)
<a href="mailto:[email protected]" target="_self">QQ邮箱</a>//邮箱的超链接
(5)、其它标签、属性
<hr color="blue" width="200" size="3" align="center"/>//水平线
<br/>//换行
<h1>-</h6>//标题标签
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="";
空格:
单元格与单元格之间的距离:cellspacing="0"
对齐方式:align="center"
背景色或某个单元格颜色:bordercolor="red"
总结:代码这东西得多写多练,才不会忘记,光看是没有效果的。
未完待续……