1 html基础标签
1.标题字体
h1~h6
<h1></h1>
2.斜体
<i></i>|<em></em>
3.加粗字体
<b></b>|<strong></strong>
4.下划线
<u></u>
5.换行
<br/>
6.水平线
<hr/>
7.设置上下标
<sup>|<sub>
8.超链接
<a href="http://baidu.com" title="提示内容" target="_self/_blank(网址打开方式)">百度</a>
9.段落()
<p></p>
10.插入图片
<img src="图片来源" title="鼠标停留图片时的提示" alt="图片加载不了时的提示">
11.
../(出当前目录)
/文件夹名字(进入当前目录)
2 列表
一、列表
1.有序列表
<ol>
<li>第一行</li>
<li>第二行</li>
</ol>
2.无序列表
<ul>
<li>第一行</li>
<li>第二行</li>
</ul>
3.自定义列表
<dl>
<dt>名词</dt>
<dd>解释</dd>
<dl>
3 表格
一对<tr></tr>代表一行
一对<tb></tb>代表一个单元格
<table width="300px" heighth="150px" border="1px" bodercolor="red"cellspacing="0" cellspdding="10px">
<tr>
<tb></tb>
<tb></tb>
<tb></tb>
</tr>
</table>
合并单元格
合并同一行的两个单元格,把后面的单元格去掉,colspan="2"
合并同一列的两个单元格,把后面的单元格去掉,rowspan="2"
4 表单
表单框
<form name="userinfo" method="post/get"(提交后的结果是否在url后显示) action="url">
<!--表单控件-->
form表单标签
action:将表单数据提交给什么服务器(服务器的地址)
method:get/post
get和post区别:get会将表单提交的内容直接放在请求的URL地址里,效率高,不安全。post不会将表单数据显示到url上,会放置在请求的body上。
搜索/正常的请求就会使用get
登陆/注册等比较隐私和安全的内容时候,就需要用到POST,上传文件的时候也会用到post
用户名:<input type="text" name="username" value="">
密码:<input type="password" name="psw">
确认密码:<input type="password" name="repsw">
性别:<input type="radio"(单选框) name="gender" value="男">男
<input type="radio" name="gender" value="女">女
爱好:<input type="checkbox"(复选框) name="love" value="bb">篮球
<input type="checkbox" name="love" value="fb">足球
<input type="checkbox" name="love" value="pb">排球
type="checkbox"(多选框 diabled="disabled"禁用,checked="checked"默认选中),"radio"单选框 ,"sumit"提交表单 , "reset"重置表单,
下拉列表
<select name="">
<option>下拉选项1</option>
<option>下拉选项2</option>
<option>下拉选项3</option>
</select>,
多选文本
<textarea name="" rows="" cols="">
</textarea>
</form>
5 div
div是常见的块元素
<div style="100px;height:100px;backgroup-color:red">
</div>