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

HTML常用标签及属性

一、简单标签

标签作用
div 自带换行,块级显示
span 语义化标签,无任何修饰效果
br 换行,单标签
hr 水平分割线,单标签
h1 ~ h6 标题标签,有加粗效果,h1最明显,往后依次减弱,独占一行,与上下内容有间隙
p 段落标签,独占一行,与上下内容有间隙
strong 文字加粗
em 文字倾斜
ins 下划线
del 删除线

二、常用属性的标签

标签作用属性
a超链接标签

① href:指定链接地址

② target:指定值为_blank跳转时可以进入新窗口,不指定默认用当前窗口跳转

img 用于显示图片

① src:用来指定图片的路径

② alt:图片无法显示时替换的文字

③ title:鼠标悬浮在图片时的提示文字

audio 音频标签,音乐和视频都可以指定,但是只有声音

① src: 指定音频的路径

② controls显示音频的控制面板,标签的名与值一样,可以不用写值,直接写controls标识一下就可以

③ autoplay:进入页面就自动播放

④ loop:循环播放

⑤ muted:静音播放

video 视频标签

① src: 指定视频的路径

② controls显示视频的控制面板,标签的名与值一样,可以不用写值,直接写controls标识一下就可以

③ autoplay:进入页面就自动播放

④ loop:循环播放

⑤ muted:静音播放

三、嵌套标签

列表

        分为无序列表、有序列表、定义列表

标签作用子标签
ul 无序列表标签li,列表中的元素项
ol 有序列表标签li,列表中的元素项
dl 定义列表标签

dt:标题标签

dd:标题下面的元素标签

表格

table:

        描述:表格标签

        子标签:

                tr表格的行

                tr 的子标签:

                        th:表格行中的标题列

                        td:表格行中的标题元素

四、表单

input:

        描述:输入框

        类型:

                ① 文本输入框 type="text" 一起使用的属性:placeholder 提示文本

                ② 密码输入框 type="password" 一起使用的属性:placeholder 提示文本

                ③ 单选框 type="radio" 一起使用的属性:name 指定分组 checked 默认选中

                ④ 复选框 type="checkbox" 一起使用的属性:name 指定分组 checked 默认选中

                ⑤ 上传文件框 type="file" 一起使用的属性:multiple 指定可以多个文件一起上传,不指定multiple 只能上传一个

select:

        描述:下拉框

        元素标签:option

        元素标签属性:

                selected指定默认选中项

                value指定选中项的值

textarea:多行输入文本标签

label:标签,可以绑定文字与控件的关系,增大空间的点击范围

button:

        描述:按钮标签

        类型:

                ① 提交按钮,type="submit"

                ② 重置按钮,type="reset"

                ③ 普通按钮,type="button",可以不指定,默认就是普通按钮,结合js使用

http://www.lryc.cn/news/350422.html

相关文章:

  • 【PB案例学习笔记】-03用户名密码校验
  • 设计模式六大原则之 接口分离原则
  • 嵌入式学习——Shell()——day21
  • STM32学习计划
  • 小米15曝光?可能会要稍微涨价
  • 深度优先搜索汇总
  • 【虚拟仿真】Unity3D中实现对大疆无人机遥控器手柄按键响应
  • Python学习之路 | Python基础语法(一)
  • 【已解决】AttributeError: module ‘clip‘ has no attribute ‘load‘
  • 安卓实现连接wesokcet
  • Xinstall助力App下载量精准统计,洞悉推广效果
  • CSS字体修饰
  • 高并发缓存服务的构建要点与陷阱
  • Electron学习笔记(五)
  • 【jest 调试 - vscode debug】
  • 华为OD机试【分奖金】(java)(100分)
  • 27- ESP32-S3 USB虚拟串口(USB-OTG 外设介绍)
  • PostgreSQL查看sql的执行计划
  • macOS Ventura 13如何设置定时重启(命令行)
  • 【sass简介以及如何安装使用】
  • Git版本控制工具的原理及应用详解(四)
  • AI图书推荐:ChatGPT全面指南—用AI帮你更健康、更富有、更智慧
  • C++ | Leetcode C++题解之第92题反转链表II
  • 【管理咨询宝藏99】离散制造智能工厂战略规划方案
  • java8 Stream使用中的一些实践
  • 入门篇:Kafka基础知识·
  • SWAT模型高阶应用暨SWAT模型无资料地区建模、不确定分析及气候、土地利用变化对水资源与面源污染影响分析
  • 每日一题——力扣206. 反转链表(举一反三、思想解读)
  • 【qt】纯代码界面设计
  • 【深度学习】SDXL中的Offset Noise,Diffusion with Offset Noise,带偏移噪声的扩散