img a标签 无序列表 有序列表 定义列表 布局标签 表格 from文本框 密码框

img

img:英文全称，image. 汉语含义是图片、图像。

作用，这个标签的作用是可以在网页中显示图片。我们还需要知道图片格式。IPs、pygy ef标签级别:文本级别标签，在使用的时候，你把它当中一个文字使用即可。单标签。常用属性:

srC:英文全称[source]，主要的作用是设置路径(网页中要显示图片的文件路径)width:汉语意思，宽度，主要的作用是设置图片的宽度。

height:汉语意思，高度，主要的作用是设置图片的高度。

title:汉语意思，标题，主要的作用是当用户鼠标移到图片上的时候显示的提示文字。

border.汉语意思，边框，主要的作用是设置图片外层边框的宽度。

alt:主要的作用是设置当图片没有图像的时候，用文字进行替代。、

a标签

常用属性：

href：当前网页即将跳转到另一个网页地址（相对路径 绝对路径）

title：设置用户鼠标移上的时候提示文字

a标签其他使用

我们程序员可以通过a标签，实现同一个网页中。不同两者位置进行跳转。

使用情况:

第一-步设置一个锚点:

设置锚点:任意标签都可以当做锚点，锚点的标签，需要添加一个id属性。

锚点的id属性值，一般情况下都是英文、数字、横线、下划线等等，最好别使用汉字。

我是一个锚点

|

第二步:设置锚点链接

设置锚点链接:锚点链接标签使用的是a标签，锚点链接a标签，需要有一一个href属性，锚点链接href属性值，是由加上锚点id的属性值组成。

注意:多个锚点的id属性值别重名。

无序列表

无序列表作用是可以在网页中搭建一个没有书序列表。

在使用无序列表的时候需要使用两个标签配合才可以使用。分别u、li

ul:unorder list,表示的是一个列表容器、大结构。

li;list item,表示的是容器当中每一项。

ul标签内部只能嵌套li标签，li 标签不能脱离ul标签单独使用。li需要嵌套在ul里面。ul>liul的里面可以有多个li标签。

有序列表

作用:搭建一个有顺序的列表结构。

在使用有序列表的时候，需要结合两个标签一起使用。分别是ol、li

ol:order list,表示的是一一个容器，大结构。

li:list item,表示的是容器、大结构的每一项。

ol标签内部只能嵌套li,li标签不能脱离ol标签单独使用，ol>li ol内部可以有多个li标签。

定义列表

1.3定义列表

定义列表:用来定义一个自定义标题和内容列表。

定义列表在使用的时需要结合三个标签一起使用，dI、 dt、dd.

dl:definitionlist,相当于列表最外层容器、大结构。

dt:definition term,表示列表主题或者术语。

dd:definition description,表示的对于主题、术语个解释。

在使用定义列表的时候dt标签需要嵌套dt、dd -起使用。而dt和dd术语兄弟级别关系。

一个dl标签内部可以有多组dt dd

每一个dt后面可以有多个dd

dt和dd都属于容器级别的标签，内部可以放任意的内容

布局标签

在前段开发当中有两个非常重要的布局标签，div 和span。我们俗称‘盒子，。div: division, 区域，跨度，分割。

双标签、经典容器级别标签。

作用:划分页面区域，辅助页面布局。可以将-些内容、布局相似标签放在一个div 盒子标签里面进行统一管理。可以方便我们后期维护项目。

span:小区域，小跨度。

双标签，经典的文本级别标签。

作用:在不影响整体布局的时候，可以用于局部调整。

表格

制作表格的时候，至少需要三个标签才可以制作出一个小表格。table:本身含义即为表格，你可以你理解为是表格大框架。

tr: table rows,表格的行，定义的是表格内部行。

td:table dock,表格单元格，定义的是每一行中的单元格。嵌套关系:

table>tr>td

th:table head 表头单元格，替换td位置

th：他有默认样式，文字居中，字体相对变大。

form

form:本身含义即为表单。

form标签属于容器级别标签。

form标签不是-个结构性标签，他是一个功能性标签，可以将表单元素收集到的数据可以提交给服务器端。全部表单元素一般需要书写在form标签内部。

作用:可以设置表单元素收集数据提交给谁的设置，设置提交数据方式。

这个标签有两个非常重要属性:

method:方法含义，可以设置提交数据方式，get或者post方式(需要了解即可)

action:设置收集到表单数据提交给谁的路径。

注意：form是一个双闭合标签（收集表单元素数据，将数据提交给服务器）。它不是表单元素，表单元素需要嵌套在form标签内部。

文本框

Input:输入

input标签即为表单元素，它真的非常重要。

input标签是一个单标签，它相当于一个特殊文字。

input标签有一个非常重要属性type(类型),可以根据type属性值不同，去创建不同类型表单元素。

（如果表单元素type属性值为text。会创建一个文本框）

input标签还有-个属性常用value(值),它可以设置文本框默认数值。属性值可以自定义内容。（默认文字内容，通过value输）

密码框

密码框可以通过input标签获取到 ，只需要将type（类型）属性值设置为password（密码）