首页 > 代码库 > html 总结
html 总结
1.html超文本标记语言，不是编程语言，是一门描述性的语言。html负责网站的结构，css是负责的外观，javascript是负责行为。
HTML结构
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
3.文本与段落标签
<p>段落标签</p>
<br/>换行标签
<h1>标题标签</h1>
<div>块级标签</div>
<span>行内标签</span>
块级元素和行内元素的区别
块级元素独占一行 ，块级元素内部内部可以加行内标签和块级标签
行内元素，可以与其他的行内元素在一行，内部只能放行内标签。
块级元素有 ：h1-h6 ,p ,div, 行内元素 ，span ,em,b,等
4.文本格式化标签
<cite>引用</cite>
<b>粗体</b>
<strong>加强语气</strong>
<s>删除线</s>
<u>下划线</u>
<em>斜体</em>
<hr/ size=“” color=“”>水平分割线
特殊标签
空格
< <
&rt; >
® 注册商标
©版权信息
5.列表（有序列表，无序列表，自定义列表）
无序列表( unordered list ) 默认是列表数字1,2,3 但是可以通过type 属性该表列表的序列。
语法：<ul type="">
<li></li>
<li></li>
</ul>
有序列表（ordered list）默认是列表项一个黑圈通过type属性改变 type 值可以是 circle square 。
语法：<ol>
<li></li>
<li></li>
<ol>
自定义列表:(definition term)用于描述
语法：<dl>
<dt></dt>
<dd></dd>
<dt></dt>
<dd></dd>
</dl>
6.表格 由行（row）和单元格（cell）组成，<tr>表示行<td>表示单元格表格默认是没有边框的，表头<th> 表标题<caption>为了结构化表格加上了thead tbody tfoot，
合并行 clospan 合并单元格rowspan 表格与单元格的距离cellspacing 单元格和内容的距离 cellpadding
语法：<table>
<thead>
<tr>
<th>表头</th>
</tr>
<thead>
<tbody>
<tr>
<td>单元格</td>
</tr>
<tbody>
<tfoot>
<tr>
<td>单元格</td>
</tr>
</tfoot>
</table>
7.图片标签 在网页上显示一张图片 src 是指明路径 alt 图片加载不全的时候显示的文字 title 当鼠标放在图片上提示的文字信息 图片是用相对路径
语法：<img src="" title=""/>
8.超链接标签 实现跳转链接 属性 href链接地址 属性target 目标 值一般是_self _blank _parent _top 实现锚链接 的方式是，在目标链接上加上#id名字 在标签上加上id名字
语法：<a href=http://www.mamicode.com/“” target=""></a>
9.表单form 用于 后台提交数据 form标签 有method属性 值是post ,action提交到哪里的值，name 为表单取名字方便后台获取值， 必须写在form内部才是有效的。
form表单包括三部分，input标签类 textarea文本域 select下拉框
语法:<input type="text"/>表示一个文本框 属性有size 最大值 maxlength 最大的值 name取得名字 value="http://www.mamicode.com/初始值"
<input type="password"/>表示一个密码框
<input type="button"/>表示一个按钮
<input type="reset"/>表示一个重置按钮
<input type="submit"/>表示一个提交按钮
<input type="image"/>表示一个图片，可以设置为图片按钮
<input type="file"/>表示一个可以上传文件的
<input type=" radio"/>表示一个单选按钮 属性值name 值为一样 value属性
<input type="checkbox"/>表示一个复选框 不需要给name 属性 需要给定value 和<lable for></lable>一起使用 属性还有 multiple表示可以多选按住Ctrl键，size表示显示的个数。
<input type="hidden"/>表示一个隐藏域
<textarea rows="横跨的行" cols="横跨的列">里面是初始值</textarea>
<select name="" multiple="是否为多选" size="显示的个数" >
<option value="http://www.mamicode.com/值" selected="selected是否被选中"></option>
<option value="http://www.mamicode.com/值"></option>
</select>
10.音频视频标签
<embed src="" width="" height=""/>
<bgsound src=""/>
11.浮动框架
<iframe src="http://www.mamicode.com/浮动框架的源文件" width="浮动框架的宽" height="浮动框架的高" scrolling="是否滚动"></iframe>
html 总结