首页 > 代码库 > HTML
HTML
一、Html标签
1、插入图片标签：<img src=http://www.mamicode.com/ /widht= / height=/ alt=/alight=/top,middle,bottom> src( 图片来源）
widht（宽度） height(高度）ait（图片说明文字） alight（对齐） top（顶部） middle(中间）
bottom(底部） 这些是垂直方向对齐
2、段落标签：<p align=‖left,center,right?‖></p> align对齐（left居左 right居右
center中心对齐 记住这些是水平方向上的对齐）
3、网页内容标题标签:<h1><h2><h3><h4><h5><h6>
4、无序列表标签和有序列表标签：无序<ul><li></li></ul> 有序<ol><li></li></ol>
自定义列表<dl><dt><dd></dd></dt></dl>
5、分行标签<br> 删除原价<del> 上标<sub> 下标<sup> 加粗<strong>
6、文字标签：<font color=‖‖size=‖‖face=‖‖></font> color颜色 size大小 face字体
7、链接标签和锚记标签：<a href=http://www.mamicode.com/‖‖> href链接的目标位置 name标记名称
div标记不同行 span标记同一行
8、网页组构标签：<head>头标签 <title>网页标题标签 <body>内容主标签 bgcolor背景颜色 background背景图片
二、特殊字符
1、  空格符号
三、表格标签
1. <table>表格标签 <tr>行标签 <td><th>列标签
2.单元格变大：cellpadding 内边框 cellspaceng 外边框 aligh 表格专用 caption 表头
3.行合并rowspan 列合并 colspan
四、form表单（提交数据）
1.提交按钮：<input type="submit ">(自带提交按钮功能）
<input type="button">(不自带提交按钮功能） <button>登录</button> value（登录）
2.input type类型： text文本 button按钮 password密码 submit带提交的按钮
reset重置 radio单选（实现单选要有相同名称name"sex" checked默认选择） checkbox多选
image图片 hidden隐藏 color颜色 Html5里面的：file文件 date日期 date time时间
email邮件 number数字 search搜索 URL地址
3.属性应用：<input type="text"autofocus> 自动聚焦 有框不能写字:<input type="text"readonhly>无灰色底文
<input type="text"disabled>有灰色底文 <input type="text"placeholdr=用户名>提示用户输入的类容
textarea文本域 <textarea name=" "id=" "cols="30"rows="20"></textarea> name名字：名称相同作用是后台交互时
id:# 唯一不可相同 class表示符号.可以相同
4.下拉菜单：<select name="selected"id="selected"> size=4 >默认四个
<option value="http://www.mamicode.com/1">18-21</option>
<option value="http://www.mamicode.com/2">22-25</option>
<option value="http://www.mamicode.com/3">26-29</option>
<option value="http://www.mamicode.com/4">30-35</option>
<option value="http://www.mamicode.com/5">Over35</option>
</select>
5.只有通过form表单才可以提交：<form action=" ">表单处理程序的地址
method{get/post}指定表单以何种方式发送到指定的页面。
get:from表里所填的值，附加在action指定的URL后面，做为URL连接而传递。（在地址栏显示用户信息，安全低速度快）
post:from表里所填的值，附加在HTML Headers上。（不显示地址信息，安全高速度慢）
6.<label for="相关标记的id">在选择时点击字就会就会出现选项
注：①单选是小圆圈；多选是小方框，
HTML