HTML5 01_标签

本文详细介绍了HTML5中的单标签和双标签,包括换行标签、水平线标签、base标签、图片标签、自闭合标签及其各种属性。同时,讲解了双标签中的标题标签、段落标签、无语义化标签、文本标签、锚点标签、列表标签、表格标签、表单标签等,以及HTML5的新特性如多媒体标签和语义化标签。
摘要由CSDN通过智能技术生成

一.单标签和双标签

1.单标签:由一个标签组成的标签

1.1.换行标签:<br>

1.2.水平线标签:<hr>

1.3.base标签

<base target="_blank" href="">

①标签为页面上的所有链接规定默认地址或默认目标

②标签位于head元素内部

③所有链接优先遵循自己标签的规则

④base和自身标签里的href属性如果都不为空则会进行拼接

1.4.图片标签

<img src=" " alt="" width=" " mode="widthfix">

①src:路径地址

②alt:图片加载失败给予用户的提示

③mode="widthfix":以宽度为基准进行修饰

④图片自动适配:只给高或宽的值时,图片大小会自动适配

1.5.自闭合标签

1.5.1.text:创建单行文本输入框

<input type="text">

1.5.2.password:密码输入框

<input type="password">

1.5.3.check:复选框

<input type="checkbox">

1.5.4.radio:单选按钮

<input type="radio" name="1号组">100 
<input type="radio" name="1号组">1000

1.5.5.file:文件域

 <input type="file" multiple>

1.5.6.button:普通按钮

<input type="button" value="">

1.5.7.image:图像按钮

 <input type="image" src="">

1.5.8.reset:重置按钮

<input type="reset" value="">

1.5.9.submit:提交按钮

<input type="submit">

1.5.10.url:输入URL字段

<input type="url">

1.5.11.number:数字字段

<input type="number">

1.5.12.search:搜索字符串

<input type="search">

1.5.13.range:输入数值

<input type="range">

1.5.14.time:时间控件

 <input type="time">

1.5.15.date:日期控件


                
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值