阅读 69

HTML常用标签

学以致用

a标签的用法

a的hred的取值部分

1. 网址类型:https://baidu.com http://baidu.com //baidu.com
   它的作用:直接跳转到对应链接,建议用//baidu.com这种格式,能够自动选择适用https还是http
   举个栗子:百度一下

image.png 2. 路径:/a/b/c.html以及a/b/c.html index.html以及./index.html 作用:在当前目录下找到对应的文件 3. 伪协议 ①JavaScript代码:直接执行JS用的,现在基本不用了 ②mailto邮箱:发邮件给小离冥 ③tel手机号:用于打电话 4.id href="#xxx",用于跳转内部锚点

a的target的取值

_blank:在新窗口打开
_self:在当前窗口打开
_top:在最顶层窗口打开(不常用)
_parent:在当前窗口的上一层打开(不常用)

img标签的用法

img标签的作用和属性

   发出get请求,展示一张图片
  1.alt:当图片加载不出来的时候,可以用这个提示
  2.height:设置图片高度
  3.width:设置图片宽度,长宽比自动适应
  4.src:图片地址
  5.onloal:记录图片加载成功
  6.onerror:记录图片加载失败
  7.max-width:响应式设置为100%,这样在手机上也可以将图片完整的展现出来
  如果图片加载失败,可以这样补救
  图片加载不出来

table标签的用法

table相关的标签

1.table:表格
2.thead:表头,在表格最上方
3.tbody:表身
4.tfoot:表尾,不管代码里顺序如何,都在表格最下方
5.tr:表格里的一行
6.td:数据
7.th:表头
表头 加粗 th
内容 正常 td

table相关的样式

1.table-layout:定义表格布局行列的算法
2.border-collapse:合并表格之间的间隙
3.border-spacing:0:表格之间的距离为0

form标签的用法

form标签的作用和属性

  发送get或post请求,然后刷新页面
1.action:请求控制到哪个页面
2.autocomplete:是否自动填充
3.mothod:控制使用get还是post
4.target:规定在哪个窗口打开页面

input标签的用法

input常用的类型type及作用

    1.text:     最常见的文本输入框(require:输入框必填)
    2.color:   颜色选择器
    3.password: 不展示具体内容(类似密码输入)
    4.radio:    单选(同一组的用相同的name来确定)
    5.checkbox:多选(同一组的用相同的name来确定)
    6.file:    选择文件(type='file' multiple 选择多个文件)
    7.hidden:   隐藏输入框(看不见的,给机器用的)
8 textarea sytle='resize: none' 提供给用户一个输入框,较大的那种
9 select + option: 创建一个下拉选择框
复制代码
饥人谷HTML重难点标签学习笔记
末尾,感谢听我瞎哔哔
文章分类
前端
文章标签