当前位置: 首页 > news >正文

html学习笔记

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

今天初学html记录一下我认为比较重要和常见的标签

1.<a href=""> a标签,超链接标签,可以跳转,href是地址,target是跳转方式

2.<base>标签,其中下面的标签都会继承这个标签的属性 

3.<img>标签  图像的标签

4.特殊字符标签&nbsp空格&it是<&gt是大于

5。表格标签<table><tr><td></td></td></table>tr是行,td是行中的列

6.表单中要注意的是input有各种type,学习使用表单的各种type去上传数据

7.datalist标签。定义选项列表和input一起使用 相当于slect标签可以提示消息,在list中定义属性list=“***”,在datalist定义id***就可以联动了<datalist>标签中的<option>标签是每列的内容

8.fiedset标签可将表单中的元素分组例如下图配合标签<legend>使用

9.表单input中常用的新增属性

【1】placeholder就跟安卓中的edittext的提示内容类似

【2】autofocus自动获取input输入框的焦点

【3】multiple支持多文件上传

【4】autocomplete是否记录上次输入并且提交过的数据

【5】required要求内容为必填项

【6】accesskey使元素快速获取焦点<input type="text" accsesskey="s">那么在浏览器中你用alt+s就能快速定位并且获取焦点

10.embed 可以放多媒体的标签

11.audio是音频文件的标签,有属性autoplay是否自动播放,controls是否显示控制界面

12.video是视频播放的标签,跟audio类似,需要注意的是不是所有浏览器都支持所有格式的音频和视频,所以为了仅能容要做几种视频和音频放到src中

 

锚点定位:其实就是一个a标签但是href=#***,***是自己定义的,在自己想跳转的地方给跳转的地方设置id ***,就可以定位过去了

 

转载于:https://my.oschina.net/u/3234136/blog/1629953

相关文章:

  • Can I use 一款前端兼容性自查工具
  • 2016年人工智能产业梳理:一朝引爆,稳步前进(下篇)
  • python day3
  • 3A级VR游戏将至?汪丛青力挺G胖正在开发的三款VR游戏
  • [译]pt.2 几何体 Geometry
  • WiFi万能钥匙蹭网原理详细剖析
  • V8 的 Error 对象与栈追踪的妙用
  • VR直播很火,但能取代传统电视直播吗?
  • Hibernate最全面试题
  • Python_网络编程
  • JDK1.7版本中的HashMap
  • 数字图像处理---直方图均衡化
  • Chef在InSpec 2.0增强了云安全的自动化功能
  • Kafka源码分析Consumer
  • cad提供的坐标转换
  • [NodeJS] 关于Buffer
  • [Vue CLI 3] 配置解析之 css.extract
  • Apache的80端口被占用以及访问时报错403
  • echarts的各种常用效果展示
  • httpie使用详解
  • Java方法详解
  • k8s 面向应用开发者的基础命令
  • Linux CTF 逆向入门
  • magento2项目上线注意事项
  • mongo索引构建
  • PHP变量
  • 持续集成与持续部署宝典Part 2:创建持续集成流水线
  • 从0实现一个tiny react(三)生命周期
  • 浅谈Golang中select的用法
  • 一道面试题引发的“血案”
  • 关于Kubernetes Dashboard漏洞CVE-2018-18264的修复公告
  • $refs 、$nextTic、动态组件、name的使用
  • (动手学习深度学习)第13章 计算机视觉---图像增广与微调
  • (免费分享)基于springboot,vue疗养中心管理系统
  • (十七)devops持续集成开发——使用jenkins流水线pipeline方式发布一个微服务项目
  • (四)模仿学习-完成后台管理页面查询
  • (一)基于IDEA的JAVA基础10
  • (转)Spring4.2.5+Hibernate4.3.11+Struts1.3.8集成方案一
  • (转)甲方乙方——赵民谈找工作
  • .NET DataGridView数据绑定说明
  • .net6使用Sejil可视化日志
  • @CacheInvalidate(name = “xxx“, key = “#results.![a+b]“,multi = true)是什么意思
  • @RequestBody与@ResponseBody的使用
  • [Asp.net MVC]Bundle合并,压缩js、css文件
  • [BZOJ] 2044: 三维导弹拦截
  • [C++] Windows中字符串函数的种类
  • [C++] 多线程编程-thread::yield()-sleep_for()
  • [C++]C++入门--引用
  • [COGS 622] [NOIP2011] 玛雅游戏 模拟
  • [FxCop.设计规则]8. 也许参数类型应该是基类型
  • [Hadoop in China 2011] 蒋建平:探秘基于Hadoop的华为共有云
  • [idea]关于idea开发乱码的配置
  • [KMP求最小循环节][HDU1358][Period]
  • [Kubernetes]9. K8s ingress讲解借助ingress配置http,https访问k8s集群应用
  • [LeetBook]【学习日记】数组内乘积