<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8"> <!--编码方式-->
<meta name="keyword" content="放置搜索引擎的关键字,技术上实现网站推广、优化">
<meta name="description" content="百度里头描述的内容"/>
<title>复习html</title>
<!--<base target="_blank"/> 优化的写法-->
<base href="http://www.baidu.com" target="_blank"/>
<!-- 为 页面上所有的a标签设置默认调整地址 -->
<style>
css样式
/*选择器{属性:值;}*/
</style>
</head>
<body>
<!--单标签-->
<hr/> 水平线
<br/> 换行
<!--双标签-->
<h1></h1>~<h6></h6> 标题标签
<p>段落标签</p>
<font>字体标签 不常用 不推荐使用</font>
<strong>加粗标签</strong> 偶尔使用<b></b>
<em>斜体标签</em> 也用<i></i>
<ins>下划线</ins> 也用<u></u>
<del>删除线</del> 也用<s></s>
<!--图片标签-->
<img src="相对地址" alt="图片无法加载的时候,显示出来" title="放在图片上显示出来">
<!--超链接-->
<a href="http://www.baidu.com" target="_blank" 在新页面打开, title="反正文字上显示出引号的内容">百度</a>
<!--锚链接-->
<a href="#zdy">回到首页</a> 对应的锚点:<p id="zdy">文字</p>
<!--利用a标签实现简单下载功能-->
<a href="压缩文件格式.rar">下载</a>
<!--最常用的特殊字符-->
> 大于号 >
< 小于号 <
空格
<!--下面是三大列表-->
<!--① 无序列表-->
<ul>
<li></li>
<li></li>
<li></li>
</ul>
<!--② 有序列表-->
<ol>
<li></li>
<li></li>
<li></li>
</ol>
<!--③ 自定义列表-->
<dl>
<dt></dt>
<dd> 相当于li</dd>
<dd></dd>
<dd></dd>
</dl>
<!--table标签总结-->
<table width="" height="" border="边框大小,默认为0" cellpadding="设置文字与td之间的距离"
cellspacing=" 设置td与td之间的距离" bgcolor="表格的背景颜色" align=""实现是否居中>
<caption>表格的标题</caption>
<tr align="center"> 第一行
<td>列</td>
<td>列</td>
<td>列</td>
</tr>
<tr> 第二行
<td>列</td>
<td>列</td>
<td>列</td>
</tr>
<tr> 第三行
<td>列</td>
<td>列</td>
<td>列</td>
</tr>
</table>
<table> 表格标准写法
<caption></caption>
<thead></thead>
<tbody></tbody>
<tfoot></tfoot>
</table>
**单元格合并**
1、 行的合并 加属性 colspan='number' ;number 表示合并的个数。
2、 列的合并 加属性 rowspan='number' ;number 表示合并的个数。
<!--表单控件-->
<form action=".php 代表表单信息提交到哪儿" method="get 表单信息暴露在地址栏/post 通过后台方式提交给处理程序">
<input type="text" name="" value="" maxlength="" readonly="" disabled="disabled"/>
<input type="password" name="" value="" maxlength="" readonly="" disabled="disabled"/>
<input type="radio" name="起相同名字,可以实现单选效果" checked="checked"实现默认选中 /><input type="radio" name="起相同名字,可以实现单选效果" checked="checked"实现默认选中 />
<input type="checkbox" checked="checked"/> 复选框
<input type="submit" value="改名字"/> 提交
<input type="image" src=""/> 实现图片提交功能
<input type="file"/> 上传控件
<select multiple="multiple" 可实现多选>
<option>选项比如:苹果</option>
<option>香蕉</option>
<option>菠萝</option>
</select>
<select>
<optgroup label="组标签">
<option></option>
<option></option>
</optgroup>
</select>
<textarea>多行文本框</textarea>
<fieldset> 外围边框
<legend>边框的名称</legend>
</fieldset>
<iframe src="Url"></iframe>
移除边框 使用属性
frameborder="0"
<noscript>标签提供无法使用脚本时的替代内容</noscript>
MathML 利用math标签实现对复杂公式的支持。
</form>
</body>
</html>
个人HTML所有标签总结
最新推荐文章于 2023-07-14 18:04:08 发布