记录-web(html标签,图像,区域,列表,表格,表单,文本框,按钮,下拉列表框,文本域)

HTML标签

网页中常见的图像格式:
JPG:有损压缩,色彩丰富图片(风景图片,人物图片,实物照片等等)
GIF:简单动画,背景透明
PNG:无损压缩,透明,交错,动画(透明:可以给图片指定一种元素,使其不被显示而成为透明;交错:在图片显示过程中可以从概貌逐渐变化到全貌,看上去也就是清晰度的从小变大)

✔插入图片用img标签,该标签单独出现,所以用单斜杠封闭它。
eg:“w3c” (当图片无法找到或者种种原因没能打开的情况下,浏览器会自动找到alt属性,将它里面的文字显示出来,alt属性设置的就是图片的替换文本)

src属性:路径+文件名
图片+超链接:

✔区域标签,div标签可以将一些页面元素,比如说一些文本段落等等组织在一起,成为一个整体的区域,div标签使用时是成对使用的。
align属性表示对齐,比如

✔列表:有序列表,无序列表
在html里面无序列表用ul标签来表示,ul标签成对出现表示无序列表的开始和结束

  • 在无序列表的内部,需添加一些列表项,每个列表项都用成对的li标签表示,列表项的内容写在li标签对之间即可

在html里面有序列表用ol标签来表示,一对ol标签开始和结束,在ol标签内要带有列表项方式与ul标签方式一致。

✔表格:table tr td
table标签出现表示要绘制成一个表格,表格需要先分行绘制,每一行都要用一个tr标签来表示table,在表格内部,每一行都分为若干个单元格,每个单元格都用一对td标签来表示,比如一行有三个单元格,需要在tr标签内出现三对td标签。
table标签的border属性代表表格边框的粗细
对于表头单元格来说,使用th标签

✔表单,表单元素
表单:是一个区域,采集用户信息
表单元素:文本框,按钮,单选,复选,下拉列表,文本域

表单form标签,成对出现,action属性,表示收集来的数据交由某个页面来处理。

文本框,密码框input,需把表单元素放在form标签对,利用input标签将他的type属性设置为text或者password
eg: 密码框里面所有的文本都是用来显示的,而文本框是明文显示的
如: 账户: 密码: 按钮:提交按钮,重置按钮
提交按钮只需将它的type用来规定提交按钮表面的文字
eg: 密码框里面所有的文本都是用
来显示的,而文本框是明文显示的
如: 姓名: 重置按钮,当需要将输入的内容全部清空时
爱好: 单选框,复选框:
单选框:只能选择一项,radio
复选框:任意选择多项,checkbox
value属性表示的是要提交到后端的数据
name属性表示的是当前这一项它的名字是什么
checked属性表示当前这一项它是否被默认选择
eg: 性别:
爱好:

你可能感兴趣的:(记录-web(html标签,图像,区域,列表,表格,表单,文本框,按钮,下拉列表框,文本域))