<!--
1.<p></p> 段落
2.<a></a> 链接 href 后跟链接 target="_blank" 在新窗口打开 target="_top" 跳出框架
3.<img /> src 后跟图像路径 width 宽 height 高 alt 属性用来为图像定义一串预备的可替换的文本
属性:
class 为html元素定义一个或多个类名(classname)(类名从样式文件引入)
id 定义元素的唯一id
style 规定元素的行内样式(inline style)
title 描述了元素的额外信息 (作为工具条使用)
4.<hr /> 水平线
5.格式化标签 :<b></b> 加粗 <i></i> 斜体 或stone和em
<b> 定义粗体文本
<em> 定义着重文字
<i> 定义斜体字
<small> 定义小号字
<strong> 定义加重语气
<sub> 定义下标字
<sup> 定义上标字
<ins> 定义插入字
<del> 定义删除字
5.2.HTML "计算机输出" 标签
标签 描述
<code> 定义计算机代码
<kbd> 定义键盘码
<samp> 定义计算机代码样本
<var> 定义变量
<pre> 定义预格式文本
5.3.HTML 引文, 引用, 及标签定义
标签 描述
<abbr> 定义缩写
<address> 定义地址
<bdo> 定义文字方向
<blockquote> 定义长的引用
<q> 定义短的引用语
<cite> 定义引用、引证
<dfn> 定义一个定义项目
5.4HTML 图像标签
标签 描述
<img> 定义图像
<map> 定义图像地图
<area> 定义图像地图中的可点击区域
6.HTML 表格
表格由 <table> 标签来定义。border 线边长 <caption>Monthly savings</caption> 标题
每个表格均有若干行(由 <tr> 标签定义),
每行被分割为若干单元格(由 <td> 标签定义)。字母 td 指表格数据(table data),
即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。
6.1HTML 表格表头
表格的表头使用 <th> 标签进行定义。
大多数浏览器会把表头显示为粗体居中的文本:
7.列表
有序列表<ol><li></li></ol>
无序列表<ul><li></li></ul>
自定义列表<dl></dl>
HTML 列表标签
标签 描述
<ol> 定义有序列表
<ul> 定义无序列表
<li> 定义列表项
<dl> 定义列表
<dt> 自定义列表项目
<dd> 定义自定列表项的描述
8.标签分类:
1.块级标签:单独占据一行
可以有宽和高 没有设置,默认是网页宽度,内容的高度
可以设置任意位置的margin和padding的外内间距
独占一行默认有换行
2.内联标签 不会换行
不能设置宽和高 默认宽高是内容的宽高
只能设置左右的margin和padding
只占有内容的实际大小,默认不换行
margin :标签的外间距
padding:标签的内间距
块级标签:div hr p table tr
内联标签:font i u del b span a td input
select textarea
display:设置标签的呈现方式
1.block:显示为块级标签
2.inline:显示为内联标签
3.inline-block:既不换行也可以设置宽和高
9.HTML 表单
<form>
账号:<input type="text" name="输入账号"><br />
密码:<input type="text" name="输入密码">
</form>
type:常用submit 提交按钮 radio 单选按钮CheckBoxs 复选框 text 文本域
HTML 表单标签
New : HTML5新标签
标签 描述
<form> 定义供用户输入的表单
<input> 定义输入域
<textarea> 定义文本域 (一个多行的输入控件)
<label> 定义了 <input> 元素的标签,一般为输入标题
<fieldset> 定义了一组相关的表单元素,并使用外框包含起来
<legend> 定义了 <fieldset> 元素的标题
<select> 定义了下拉选项列表
<optgroup> 定义选项组
<option> 定义下拉列表中的选项
<button> 定义一个点击按钮
<datalist>New 指定一个预先定义的输入控件选项列表
<keygen>New 定义了表单的密钥对生成器字段
<output>New 定义一个计算结果
10.框架
iframe语法:
<iframe src="URL"></iframe>
设置宽度和高度:<iframe src="demo_iframe.htm" width="200" height="200"></iframe>
移除边框:<iframe src="demo_iframe.htm" frameborder="0"></iframe>
使用iframe来显示目标链接页面
<iframe src="demo_iframe.htm" name="iframe_a"></iframe>
<p><a href="http://www.runoob.com" target="iframe_a">RUNOOB.COM</a></p>
11.设置背景颜色
<p style="background-color:rgb(255,255,0)">
-->