1、标题
<h1></h1> <h2></h2> <h3></h3> <h4></h4> <h5></h5> <h6></h6>
2、段落
<p></p>
3、加粗
<b></b> <strong></strong>
4、倾斜
<i></i> <em></em>
5、段落
<p></p>
6、段落
<p></p>
7、强制换行
<br></br>
8、空格
9、水平线
<hr/>
10、列表(无序列表ul、有序列表ol、自定义列表dl)
<!-- 无序列表 --> <!-- 有序列表 --> <!-- 自定义列表 -->
<ul> <ol> <dl>
<li>序列一</li> <li>序列一</li> <dt>名词</dt>
<li>序列二</li> <li>序列二</li> <dd>解释</dd>
<li>序列三</li> <li>序列三</li> </dl>
<li>序列四</li> <li>序列四</li>
</ul> </ol>
11、插入图片
<img src="图片地址" alt="图片名" title="图片标题"/>(其中alt值为图片加载错误时所给的提示信息,title值为鼠标指向图片是所提示的信息)
12、超链接
<a href="图片链接地址">链接文本/图片</a>
关于链接地址:若文件与文件同一目录下:文件名 . 扩展名
若文件夹与文件同一目录下:文件夹/文件名 . 扩展名
若需要返回上一级:.. / 文件夹 / 文件名 . 扩展名
属性target链接打开方式:_blank新窗口打开 _self当前窗口打开
13、表格
<table>
<tr>
<td><td>
<td><td>
<td><td>
<td><td>
</tr>
</table>
tr代表:行 td代表:单元格
属性:width:表格宽度;height:表格高度;border:表格边框;background-color:背景颜色;cellspacing:单元格之间间距;cellpadding:单元格与其中内容之间间隙;align:center/left/right对齐方式
14、表单(表单域、表单控件、提示信息)
<form action="url" method="get/post" name="表单名">表单内容</form>
数据传输get与post区别:1.get从服务器获取数据,post是向服务器传送数据;
2.get是把参数数据队列加到提交表单的ACTION属性所指的URL中,在URL中可以看到,post通过 http post机制,用户看不到这个过程
3.get传输数据量小,不大于2K,post传输数据量较大,一般默认为不受限制
4.get安全性低,post安全性高,get执行效率比post好
表单控件:
文本框 <input type="text"/ >
密码框 <input type="password"/>
提交按钮 <input type="submit" value="按钮显示文字"/>
重置按钮 <input type="reset" value="按钮显示文字"/>
跳转按钮 <input type="button" value="按钮显示文字"/>
单选按钮 <input type="radio" name="" checked/>
复选框 <input type="checkbox" name="" checked/>
下拉列表 <select name="">
<option>菜单内容</option>
<option>菜单内容</option>
</select>
文本域/多行文本框 <textarea name="名" cols="列数" sols="行数">
</textarea>
15、布局元素
div <div id="id名"/class="class名"></div>
span <span>文本内容</span>