博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
HTML元素类型
阅读量:5742 次
发布时间:2019-06-18

本文共 2085 字,大约阅读时间需要 6 分钟。

HTML元素类型

元数据和脚本标签
<meta/>
<title></title>
<style></style>
<link/>
<script></script>
<noscript></noscript>
<base/>
文本元素
<a></a>超链接
<span></span>标出关键字或语句
<b></b>加粗(仅限文本并且html里不用这个标签)
<strong></strong>加粗(不只限文本还有加重语气)
<i></i>斜体 (针对正常人群)
<em></em>斜体(针对视觉障碍人群)
<abbr></abbr>缩写
<time></time>时间
<small></small>缩小字体(一般使用在页脚处)
<sup></sup>上标
<sub></sub>下标
<q></q>小段文本引用
<cite></cite>引用(但很少使用)
<mark></mark>给某段文本上背景色(不使用)
组合类型
<br/>换行
<hr/>分割线
<div></div>区域、区块
<blockquote></blockquote>大段引用
<pre></pre>在页面上按照其标签里的元素内容原样显示
<figure>
<img/>插入图片
<figcaption></figcaption>对插入的图片进行说明
</figure>
列表元素
<ol>
<li></li>
</ol>
有序列表
<ul>
<li></li>
</ul>
无序列表
<dl>
<dt></dt>相当于键字
<dd></dd>对上面的描述
</dl>
自定义列表
表格元素
<table>
<tr>行标签
<td></td>列标签
</tr>
</table>
colspan=''n" (合并n列)
rowspan="n" (合并n行)
都用在td标签里
表单元素
<form action="提交的地址" method="get(明文传输)/post(加密传输)"></form>
input输入框
<input type="text" (文本) value=" "/>
"password" (密码) value=" "/>
"submit" (提交)
“reset" (重置)
"button" (普通按钮)
拓展知识:<input type="text" required/> (表示输入框里是必填项)
<input type=" " required maxlength=" "/> (设置输入框内容的最大长度)
单选框:<input type="radio" name=" " value=" "/> (如果多个单选框只能选一个,name值应该相同,value值则不同)
多选框:<input type=“checkbox" name=" " value=" "/> (多选框的name值也要相同)
多行文本框:<textarea name=" " cols=" " rows=" "> </textarea>
下拉列表
<select name=" ">
<option value=" "> </option>
</select>
文档章节元素
<h1-h6></h1-h6>
地址元素
<address></address>
标题组元素
<hgroup></hgroup>
语义化结构元素
<header></header>表示页面或某个区域的头部
<nav></nav>表示导航栏
<aside></aside>用于表示跟周围主题相关的附加信息
<article></article>用于表示文章或其他可独立页面存在的内容
<section></section>用于表示一个整体的一部分主题
<footer></footer>用于表示页面或某个区域的脚注
一般放在<div></div>中
嵌入式元素
<img src=" " alt=" "/>图片插入
<audio src=" " controls></audio> 表示点击播放音频
<audio src=" " controls autoplay></audio> 表示进入页面自动播放音频
<audio src=" " controls autoplay loop></audio>表示循环播放音频
<video src=" " controls></audio> 表示点击播放视频
<video src=" " controls autoplay></audio> 表示进入页面自动播放视频
<video src=" " controls autoplay loop></audio>表示循环播放视频
交互元素
<details>
<summary>页面上会显示的内容</summary>
<p>点击后才会出现在页面上的内容</p>
</details>
都是在head元素内容里

转载于:https://www.cnblogs.com/zhangyilxy/p/8098808.html

你可能感兴趣的文章
CCNA实验之:网络地址转换(NAT)实验
查看>>
计算机网络原理笔记-停止等待协议
查看>>
确定当前记录和下一条记录之间相差的天数
查看>>
sql语句返回主键SCOPE_IDENTITY()
查看>>
机器学习开源项目精选TOP30
查看>>
iOS开发-邮件发送
查看>>
/etc/resolv.conf文件详解
查看>>
【转】VC的MFC中重绘函数的使用总结(整理)
查看>>
JQuery日记_5.13 Sizzle选择器(六)选择器的效率
查看>>
oracle查看经常使用的系统信息
查看>>
Django_4_视图
查看>>
Linux的netstat命令使用
查看>>
lvm讲解,磁盘故障小案例
查看>>
大快网站:如何选择正确的hadoop版本
查看>>
经过这5大阶段,你离Java程序员就不远了!
查看>>
IntelliJ IDEA 连接数据库详细过程
查看>>
thymeleaf 学习笔记-基础篇
查看>>
PHP-X开发扩展
查看>>
android学习笔记——onSaveInstanceState的使用
查看>>
工作中如何做好技术积累
查看>>