今日总结
- html标题标签
html标题标签:h1,h2,h3,h4,h5,h6
从h1到h6,它对网页内容的重要性逐渐递减,h1最重要,h6最轻。 - HTML段落
段落是通过<p>
标签定义的 - HTML 链接标签
< a href=“https://www.baidu.com”> 定义一个超级链接< /a>
HTML使用标签< a>来设置超文本链接:
超链接可以是一个字一个词或者一副话等,可以点击这些内容来跳转到新的文档或者当前文档中的某个部分;
当您把鼠标指针移动到网页中的某个链接上时,箭头会变成一只小手
在标签< a>中使用了href属性来描述链接的地址
默认情况下 链接将以以下形式出现在浏览器中:
1、一个未访问过的链接显示为蓝色字体并带有下划线
2、访问过的链接显示为紫色并带有下划线
3、点击链接时,链接显示为红色并带有下划线。 - 图片标签
图片标签<img src=路径属性 alt:加载失败后显示的文本 width:指定图片宽度 height:指定图片高度> 单位: px
绝对路径
E:\ruanjian\软件\环境\images
相对路径:相对于主文件位置的路径
引用文件方式:
同级:直接写文件名.后缀名
上级:…/文件名.后缀名 …/返回上一级文件夹
下级:文件夹/文件名.后缀名 - 列表标签
有序列表使用编号来编排项目,编号可以采用数字或引文字母开头,通常各项目间有先后的顺序性。在有序列表中,主要使用- 和
- 两个标签以及 type 和 start 两个属性
功能: 插入有序列表,列表项目之间有顺序性
语法:
<ol start="起始数值" type = "排序类型" >
<li>列表项1<li>
<li>列表项2<li>
</ol>
- 建立无序列表
功能: 插入无序列表,列表项目之间无顺序性
语法:<ul type = "排列类型">
<li>列表项1<li>
<li>列表项2<li>
</ul>
说明: type 为无序列表的属性
type 的属性值有 circle,disc,square 含义分别为:空心圆,实心圆和实心正方形
表单标签
表单是网页上的一个特定区城。这个区城是由一对 标签定义的。在 与之间的一切都属于表单的内容。
每个表单标签开始于 标签,可以包含所有的表单控件,还有任何必需的伴随数据,如控件的标签、处理数据的脚本或程序的位置等。在表单的 标签中,还可以设置表单的基本属性,包括表单的名称、处理程序、传送方式等。一般情况下,表单的处理程序属性 action 和传送方式属性 method 是必不可少的。
1.定义和用法
标签是使用来创建供用户输入的html表单,在网页中很常见,比如:注册和登录页面就是用表单实现的。 标签中通常会有很多子元素,用来定义各种交互控件(文本字段、复选框、单选框、提交按钮等等),比如< input>、< button>、< select>、< textarea>等标签。
2.语法格式
<form action="提交地址" method="提交方式">表单内容</form>
其中表单内容可以是< input>、< textarea>、< button>、< select>、< option>、< optgroup>、< fieldset>、< label>等标签
3.标签属性
accept:服务器接收到的文件的类型(html5版本也不支持);
accept-charset:服务器可处理的表单数据字符集;
action:当提交表单时向何处发送表单数据;
autocomplete:是否启用表单的自动完成功能,值可以是:on、off,html5新增;
enctype:在向服务器发送表单数据之前如何对其进行编码,method="post"时可以使用,值可以是:multipart/form-data、text/plain等;
method:用于发送表单数据的HTTP方法,值可以是:get、post;
name:规定表单的名称,在xhtml中也废弃,使用id来代替;
novalidate:提交表单时不进行验证,值为:novalidate,html5新增;
target:在何处打开action属性中的地址,值可以是:_blank、_self、_parent、_top;
4.实例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>html中form表单标签的详细介绍</title>
</head>
<body bgcolor="bisque">
<form action="/1.php" method="get">
用户名:<br>
<input type="text" name="userName"><br>
密码:<br>
<input type="text" name="password"><br><br>
<input type="submit" value="登陆">
</form>
</body>
</html>
效果: