网页前端 --(HTML基本标签属性)

1.HTML基本语法

HTML不须要编译，直接使用浏览器便可打开执行（谷歌浏览器）
HTML的标签名都是预先定义好的，每个标签都有它的做用。
HTML标签名不区分大小写。建议使用小写标签名
<开始标签> 内容体/子标签 </结束标签>
空标签：没有内容体的标签。 <开始标签/>
HTML代码中的空格和换行解析时会被忽略

空格:  

换行：<br/>

1.1 标题标签：

<h1>~<h6>

其中<h1>最大

<h6>最小

1.2. 水平线标签：

水平线标签：<hr /> html

用于在页面中建立一条水平分隔线。java

属性:web

属性名浏览器	属性说明服务器
size框架	定义水平线的粗细post 单位是像素字体
color编码	定义水平线的颜色spa 颜色能够是英文单词：例如red,blue,yellow 颜色也能够是编码：#FFFFFF
width	定义水平线的长短单位是像素/百分比

html长度、宽度、高度：

像素。Px （默认的计量单位）

固定的计量单位

百分比：

1.3.字体标签：

<font> 属性：

属性名

属性说明

size

定义字号大小

默认大小3号。

取值范围:1~7

1号最小，7号最大

color

定义字体的颜色

颜色能够是英文单词：例如red,blue,yellow

颜色也能够是编码：#FFFFFF

标签上有横线，是过时是被替代的标签。

1.4.格式化标签

粗体：<b></b>
斜体：<i></i>

1.5 段落标签

2.1 表单输入项标签-<input>

属性	取值	描述
type	text	文本框，单行的输入字段，用户可在其中输入纯文本。（默认）
password	密码框。内容为非明文
radio	单选框。在同一组内有单选效果必须设置name属性分组，name属性相同；必须设置value属性为组件赋予默认参数值；
checkbox	复选框。在同一组内有复选/多选效果必须设置name属性分组，name属性相同；必须设置value属性为组件赋予初始值；
submit	提交按钮。用于控制表单提交数据。该组件上不建议写name属性
reset	重置按钮。用于将全部的表单输入项恢复到默认状态该组件上不建议写name属性
file	附件框。用于文件上传。（后续文件上传会详细讲解）
hidden	隐藏域。通常用做提交服务器须要拿到，但用户不须要看到的数据。该组件必须有name和value
button	普通按钮。须要和JavaScript事件一块儿用（后续JavaScript会详细讲解）

属性	取值	描述
name		组件名。（必设置）若是须要表单数据提交到服务器，必须提供name属性单选框、复选框根据name属性进行数据的分组。为参数列表上的参数名
value		组件默认值。该数据做为某个参数的参数值，被提交到服务器。同时也是submit,reset,button的按钮名称 value属性的设置策略： ①文本框、密码框这样的表单输入项，能够不强制指定value，由于用户能够自由输入 ②单选框、复选框这样的表单输入项，必须强制指定value，由于用户没法输入，只能选择，若是不指定value，那么提交上去的只有on
checked	checked	设置单选框/复选框的默认选中状态
readonly	readonly	设置该标签的参数值只读，用户没法手动更改。数据是能够正常提交
disabled	disabled	设置该标签不可用，参数值没法更改，且参数值也没法提交
size	数字	组件的长度

2.2选择框标签-<select>

<select> 定义一个下拉列表。能够进行单选或多选。
<option>定义一个下拉列表的列表项。

select 属性：

属性名

属性说明

name

组件名。（必设置）

若是须要下拉选择框数据提交到服务器，必须提供name属性

multiple

设置该标签选项所有显示，而且能够进行多选提交。默认为单选。

不设置该属性，为单选

设置该属性 multiple= "multiple"，为多选

option 属性：

属性名

属性说明

value

设置须要提交的参数值。（必设置）

selected

设置某个列表项默认选中。

若列表中没有列表项有该属性，默认第一个列表项被选中

选择框必须有的属性：

<select>必须name属性

<option>建议必须有value属性，属性值建议不是中文。

选择框默认选中：<option selected=”selected”></option>

单选框/复选框默认选中：<input type=”radio” checked=”checked”/>

2.3 文本域标签-<textarea>

<textarea></textarea>标签

文本域标签，可支持用户输入并提交大量纯文字数据。

textarea属性：(没有value属性)

属性名

属性说明

name

组件名。（必设置）

若是须要下拉选择框数据提交到服务器，必须提供name属

文本域和文本框区别：

文本框不能换行，文本域能够
文本框参数值是value属性，文本域参数值是标签的内容体

2.4 表单标签<form>

全部的表单输入项，必须放在<form>标签之中，必须有name属性

属性名

属性说明

action

请求路径，肯定表单提交到服务器的地址（路径）【必设置】

【将表单数据提交到何处】

默认把数据提交当前页面。

通常会将数据提交到服务器的程序上。（javaweb核心会详细讲解）

method

请求方式。经常使用的取值：GET、POST

【将数据以何种方式提交】

默认为：GET

get提交方式特色：把数据拼接到地址栏上

post提交方式特色：没有把提交数据拼接到地址栏上。请求体

2.5 图片标签

属性名	属性说明
src[刘1]	指定须要展现的图片所在路径内网路径：相对路径绝对路径外网路径：http://开头便可
alt	图片没法显示时的替代文本。
width	图片宽度单位：像素/百分比
height	图片高度单位：像素/百分比

其中/和\\效果上无差异，甚至能够混合使用。但为了开发格式统一，咱们仅选其中一个便可

2.6 列表标签&超连接标签

属性名

属性说明

href

用于指定须要链接并打开的页面路径

路径写法等同于img的src写法。

target

肯定以何种方式打开href所设置的页面。

取值：

1. 1. _blank 在新窗口中打开href肯定的页面。
  2. _self 默认。使用href肯定的页面替换当前页面。

总结

       1、<input> <select> <textarea> 统称为表单输入项，用来输入表单信息

       2、表单输入项若须要提交数据，必须得有name属性（按钮除外）

       3、参数列表上：

              name属性就是参数名   变量名

              value属性就是参数值   变量值

              <input type=”text” name=”username” value=”zzz”/>

              String username = “zzz”;

       4、全部的按钮必须给value，设置按钮名称

              全部的单选框和复选框必须有value属性。

              其余根据需求,看状况设置value

①表单标签：

       <form>

       <input/>

       <select>

       <textarea>

②超连接标签：<a>

href

target

③图片标签：

<img/>

④表格标签：

<table> border width

<tr> align <td> align colspan rowspan

<th> align colspan rowspan

⑤列表标签

<ul>无序列表

<ol>有序列表

<li>列表项

⑥其余标签：

<p> <br/>   <div> <span>

⑦框架标签：

       <frameset>

              cols: 竖切

              rows: 横切

              noresize=”noresize”

       <frame>

              src

网页前端 --(HTML基本标签属性)

1.HTML基本语法

1.1 标题标签：

1.2. 水平线标签：

1.3.字体标签：

1.4.格式化标签

1.5 段落标签

2.1 表单输入项标签-<input>

2.2选择框标签-<select>

2.3 文本域标签-<textarea>

2.4 表​​​​​​单标签<form>

2.5 图片标签

2.6 列表标签&超连接标签

总结

2.4 表单标签<form>