HTML 标签标题
通过<h1> - <h6> 定义标题,标题依次递减,为块级元素(可以自动换行)。 ?
<h1>这是一个标题</h1>
<h2>这是一个标题</h2>
<h3>这是一个标题</h3>
注意:尽量减少使用h1标签,防止被搜索引擎捕获。
HTML 段落标签
通过标签 <p> 来定义,为块级元素(可以自动换行)。
<p>这是一个段落。</p>
<p>这是另外一个段落。</p>
HTML 换行标签
通过<br>或者<br/>来定义,为单标签。
<p>这个<br>段落<br>演示了分行的效果</p>
HTML水平线标签
通过<hr>来定义,为单标签。
<hr width="10%" size="3" color="red" align="left">
常用属性
color 颜色
size 粗细
width 长度(百分比或者px)
align 对齐方式
HTML列表
- 无序列表
<ul>
<li> aaaaa </li>
<li> bbbbb </li>
</ul>
注意:ul有三种设置 circle disc square
e.g. <ul type="disc">
浏览器显示如下:
? ? ? 2 . 有序列表
<ol>
<li> aaaaa </li>
<li> bbbbb </li>
</ol>
注意:默认为阿拉伯数字,可以通过定义type来进行更改。
HTML中的a标签
1.链接中href属性
超链接标签,用于链接到一个新的URL
2.链接中的target属性
使用 target 属性,你可以定义被链接的文档在何处显示。
_self:当前窗口打开
_blank:在空白窗口打开
<a href="http://wwww.baidu.com" target="_blank">百度</a>
注意:a标签的name属性值<a name="top"></a>
其他的id属性值 <div id="top"></div>
错点的使用 <a href="#top"></a>
HTML中的img标签
向网页中嵌入一张图标
<img src="img/timg.jdp" width="500" height="500">
常用属性:
src:需要引入的图片的地址(必须属性)
alt:当图片破损或不存在时,显示文本的内容
title:当鼠标悬停在图片时显示的文本
width:图片的宽度
height:图片的高度
border:图片边框
HTML中的表格标签
<table> 表格<tr>?行 <th> 表头(字体居中,加粗效果)
<table width="400px" align="center border="1">
<tr>
<th>编号</th>
<th>姓名</th>
<th>年龄</th>
</tr>
</table>
table的属性
width 表格宽度
border 边框
align 对齐方式
HTML中的form标签
表单标签,块级元素,会自动换行
将数据传递给服务器
<form>
First name: <input type="text" name="firstname"><br>
Last name: <input type="text" name="lastname">
</form>
常用属性
action 表单提交的地址
id 唯一标识
name 名字
target 表单的提交打开方式
method 提交方式
-
get请求 参数会直接跟在URL后面,用问号拼接 安全性差,传递数据量小,传递效率高 -
post请求 参数不会放在URL后面,会放在请求体中 安全性高,传输数据大,速度相对慢,无缓存
HTML中的input标签
input元素?
<from action="#" method="get" id="myform" name="myform">
First name:<input type="text" name="firstname" value=""/><br>
Last name:<input type="text" name="lirstname" value=""/><br>
<input type="submit" value="提交"/>
</from>
type 表单元素类型
text文本框 radio单选框(需要设置一组相同的name属性)?password 密码框 checkbox复选框 button 普通按钮 hidden 隐藏域(用来存放需要传递给服务器的,但不需要显示的数据)file文件域
date时间框 submit 提交按钮 reset重置按钮 image图片按钮(提交按钮)
value 表单元素值
checked? 是否选中(单选框/复选框)
disabled 是否禁用 maxlength 允许输入的最大字符
注意:表单元素需要设置name值,否则无法传递
|