HTML5标签大全

本文详细介绍了HTML5中常见的标签,包括文档声明、字符集设置、网页结构元素、文本样式、列表、表单、多媒体以及内联框架等,旨在帮助开发者更好地理解和使用HTML5进行网页制作。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

HTML5标签大全

0~9
   <!DOCTYPE html> : HTML5文档声明;
   <html lang="en"> : 定义页面语言为英文;
   <head> :网页头部 ;
   <meta charset="UTF-8"> :定义网页使用的字符集为UTF-8万国通用字符集 ;
   <meta name="viewport" content="width=device-width, initial-scale=1.0"> :规定显示器用于显示本网页的区域 ;
   <title> :网页标题 ;
   <body> :网页主体 ;
   <header> :头部标签 ;
   <main> :主体标签 ;
   <footer> :底部标签 ;
10~19
   <h1> :一级标题 ;
   <h6> :六级标题 ;
   <p> :段落标签 ;
   &nbsp :空格实体 ;
   &lt :"<"的实体 ;
   &gt :">"的实体 ;
   <font> :文本标签 ;
   <br> :换行标签 ;
   <em> :语气加重标签 ;
   <b> :重点标签(默认为字体加粗) ;
20~29
   <ul> :无序列表标签 ;
   <ol> :有序列表标签 ;
   <li> :行标签 ;
   <div> :无意义,但它是块元素 ;
   <span> :无意义,但它是行内元素 ;
   <a href="https://www.baidu.com/">百度</a> :超链接标签 ;
   <img src="../images/picture.jpg"> :图片标签 ;
   <audio controls loop="1"> 对不起,你的浏览器不支持audio元素,请升级浏览器! <source src="../images/music.mp3"> </audio> :音频标签 ;
   <video controls loop="1" poster="../images/p1.jpg"> 对不起,你的浏览器不支持video元素,请升级浏览器! <source src="../images/movie.mp4"> </video> :视频标签 ;
   <iframe width="1000" height="800" src="https://www.baidu.com/" frameborder="0"> :内联框架标签 ;
30~39
   <form action="https://www.baidu.com/"></form> :表单标签及要提交的服务器地址 ;
   <input type="text" name="提交内容的类型,比如username"> :文本框 ;
   <input type="password" name="password" autocomplete="off"> :密码框 ;
   <input type="radio" name="hello" value="1"> <input type="radio" name="hi" value="2" checked> :单选按钮 ;
   <input type="checkbox" name="test" value="b1"> <input type="checkbox" name="test" value="b2"> <input type="checkbox" name="test" value="b3" checked> :多选框 ;
   <select name="haha"> <option value="c1">简单</option> <option value="c2">普通</option> <option value="c3">困难</option> </select> :下拉列表 ;
   <input type="submit" value="提交并注册"> :提交按钮 ;
   <input type="reset" value="重置"> :重置按钮 重置表单中的内容到初始状态 ;
   <input type="button" value="按钮"> :普通按钮 ;
   <> : ;
      # @沉木 2021/2/24
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值