1.h1-h6标签

都是标题标签。定义一段的标题。h1最大,依次减少,h6最小。

标题标签的作用:以粗体显示文本

2.段落标签:p标签

用于显示忽略源代码排版的文本(图片)

块元素:独占一行的元素,不能与相邻元素共享同一行。所有块元素都具有align属性,h1-h6和p元素都是块元素

3.格式标签:

b标签:粗体文本

Del标签:嵌入的文本中间有水平线

Em标签:包围的文本以斜体显示

I标记:包围的文本以斜体显示

Pre标签:显示源代码排版

Strong标签:和em一样,都有强调的意义。要突出显示一段文字,建议使用strong标签

u标签:为文本添加下划线

Sup:定义上标文本

子:下标文本定义

4.照片标签img,用于在网页上显示图片

属性:1.src:图的路径。可以使用相对路径或绝对路径,建议不要使用绝对路径

Alt:定义了无法显示图片时的替代文本

相对路径:使用当前文件的位置作为参照路径定义的路径称为相对路径

绝对路径:硬盘上文件的物理路径称为绝对路径。

例如:

D:work20181129JAVA类课件 01-web前端课件web-day1Codeweb-day1img

可选属性:

1.title:鼠标悬停在图片上时的提示文本。所有元素都具有title属性

2.定义width3360图片的宽度。默认值以px像素为单位。可以省略单位,不使用

3.height:定义了插图的高度

Br标签:换行标签,br或br/

Hr标签:可以用HR或hr/写的水平标签、width(宽度)、size(高度)和color(颜色)属性

5.span:通常用于修饰文本,并且可以添加样式(例如,style=' color: red'))

Div:将文档分为多个独立的部分,块级元素。

6.ul定义无序列表,type属性定义列表项目的标签,默认值为disc

Type='disc '默认黑点

Type='circle '中的空点

Type='square '框

Ol定义已排序的列表,type属性定义项目的标记,默认值为数字

Type='A '或' a'表示大写或小写字母

Type='I '或type='i '表示罗马大写字母或罗马小写字母

7.border:定义表格的边框属性

Cellspacing:单元格之间的距离;如果设置为0,则只有一个边框

Cellpadding:单元格的内容和边框之间的距离

8.标头:表格中显示栏标头的第一列。使用th定义标题中的每一列,并将内容以粗体居中

通常,第一行是标题行,从第二行开始显示特定数据的数据行。

使用table data cell(TD)表示数据行中的每一列

表的align='center '将整个表居中对齐

Tr(table row)中的align='center '将行内的内容居中对齐

Caption:定义与表格中心相对应的表格标题

9.colspan:列交叉点(水平合并单元格),值是要合并的单元格数

Rowspan:行范围,即垂直合并单元格;值是要合并的单元格数

用于创建表单、收集用户输入数据和提交给服务器程序的10。form:表单标签

属性:action:指定要向其发送表单数据的服务器程序

指定Method:数据的提交方式。常用值为get、POST,默认值为GET

表单域:也称为表单元素,负责收集用户输入的数据并将其提交给服务器端程序

常用表单域:1.input元素:type属性的值不同,表示多种形式

Type='text'表示提供文本输入的文本框

Type='radio'复选框(单选按钮),多个复选框的name值必须相同。如果名称不同,则不能相互排斥。提交时提交value值

Type='checkbox'核取方块。当name相同时,可以提交多个值(value属性值)

type='file''文件域,用户可以在其中选择要上载到服务器的本地文件

Type='hidden'隐藏域、用户不可见的元素、默认值可能存在,可以提交给服务器(隐藏域常用于javaEE开发)

2.

select元素:表示下拉列表,又叫下拉框,在下拉列表中用option元素定义待选择的选项,默认第1个选项被选中,

设置某个option被选中: 在option元素上添加selected="selected"或者selected

设置下拉列表为多选下拉列表:在select元素上加multiple属性

关于选中元素的设置:

1)设置单选框或复选框被选中的属性是checked

2)设置下拉列表的某个选项被选中的属性是selected

11. body标签:

1.background:定义网页的背景图片,如果背景图片很小,会自动在水平和竖直方向上平铺展示

2.bgcolor:定义网页的背景颜色

12. textarea:文本域,又叫多行文本框,cols是文本区内的宽度,rows:行数

placeholder:用来设置单行文本框(不是textarea)里的默认提示文字,当输入了新的内容后,该提示文字就消失了

label:本身没有什么效果,当结合单选按钮或复选框使用时,如果label的for属性和按钮的id相同,则点击

label后就相当于点击了按钮,会将单选框或复选框选中

表单按钮:

1.提交按钮: <input type="submit">,提交按钮作用是将表单数据发送到action指定的服务器上

2.重置按钮: <input type="reset">,作用是将表单中数据清空

3.普通按钮:<input type="button">,普通按钮在没有添加js代码情况下,是不能提交表单的

13. frameset:框架集,用于将整个浏览器窗口划分成多个小窗口,每个小窗口称为一个frame,每个小窗口(frame)都可以,加载一个独立的html文档

使用frameset的cols或rows属性定义如何分割整个大窗口,

cols:定义水平方向上分割的各个frame的百分比,

rows:定义竖直方向上分割的各个frame的百分比,

noresize:不能调整frame的宽或高 frameborder="0":去掉frame的边框

*代表剩余百分比,会自动计算

使用frame来定义每个小窗口,src指frame所加载的网页的相对路径

14. iframe:能够包含其它文档(网页)的内联框架,内联就是行内,因为它能和相邻的元素共享同一行

src:要加载的文档的路径 width:宽度,height:高度

frameborder:边框,0或no代表无边框

15. 将超链接所跳转的页面显示在iframe的技巧:

1)给iframe元素添加一个name属性,例如

2)超链接添加属性target,值应该是iframe元素的name

16. 实体集

相关推荐