HTML表单效果图,html图片/表格/表单

a标签的认识

’#‘号跳转页面内锚点

跳转外部网页

跳转内部网页

a标签的伪协议

这样做点击a标签不会刷新页面也不会跳转到开头&＃xff0c;页面中存在input且里面有内容时会点击会刷新页面&＃xff0c;href内为#瞄点点击会自动跳转页面开头&＃xff0c;只有伪协议能达到点击后无效果状态(需求&＃xff1a;点击按钮查看元素不刷新页面不跳转)

发邮件手机端适用

联系我们 点击调用电话功能

img的认识

img是一个单标签 我们一般在网页使用它来显示图片&＃xff0c;请求图片的同时会发生get请求

先使用img标签占位 再利用img的属性src(srouces)

配置图片的相对路径来显示相关的图片内容

图片后缀名常用 png jpg gif bmp

基本属性&＃xff1a;

src-----引入图片的路径达到显示图片的内容

alt-----图片错误描述(图片加载失败以后的文字描述)

title---当鼠标指针进入图片范围内的时候出现的图片描述文字

width---可以改变图片的尺寸大小

height---可以改变图片的尺寸大小

【注意】当我们只是修改其中一个属性的时候&＃xff0c;图片是等比例缩放的高度不可以用百分比

同时修改两个属性必须按照原图片的比例设置&＃xff0c;否则图片会失真

table表格标签的组合使用认识

table标签--------确定表格的范围

tr标签-----------代表一行

td标签-----------一个单元格

语法结构:

常用属性:

border------设置表格的边框

bgcolor-----改变表格背景颜色

width-------改变宽度

【注意】设置在table改变的是总的宽度

设置在tr没作用

设置在td当前这一列都会改变&＃xff0c;不设置平分总宽度

align----设置表格的水平对齐方式

cellpadding----设置单元格边框和文字之间的距离

cellspacing----设置单元格相互之间的距离

例子&＃xff1a;

1-12-12-22-32-42-53-13-33-43-5

即假如向后台查询一篇论文&＃xff0c;请求数据&＃xff0c;请求为“得到”&＃xff0c;用get方式请求数据&＃xff1b;向后台“传递”数据&＃xff0c;写了文章之后传递至后台&＃xff0c;通常是“传递完成”的状态进行提示&＃xff0c;用post方式请求数据。

input的属性&＃xff1a;

name------给后台传递的值进行区分所设置的名字

value----提前预设输入内容---可以删除重新输入

placeholder------提示输入内容---输入了内容就消失&＃xff0c;清空内容就出现

type的类型&＃xff1a;

text 普通文本框

password 密码框

submit 提交按钮

button 普通按钮

reset 重置按钮

radio 单选

checkbox 多选

file 文件上传框

hidden 隐藏域

提交

女士

男士

打球

看电视

看书

下拉框选择菜单

以两个标签的配合来实现的下拉。外部使用select标签来确定当前下拉框的位置

内部使用option标签来确定选择的具体内容&＃xff0c;

默认写在最头部的option标签的内容显示在选择框中

语法结构&＃xff1a;

文本内容1

文本内容2

文本内容3

文本内容4

...

属性&＃xff1a;

select&＃xff0c;input,button通用&＃xff1a;

disabled------禁用属性