• 技术文章 >web前端 >前端问答

    html5标记分为哪几类

    青灯夜游青灯夜游2021-12-15 17:54:37原创110

    html5标记分为3类:1、块级元素,其特点为能够设置宽高、可以自动换行、margin和padding的上下左右均对其有效;2、行内元素,其特点为无法设置宽高、不会自动换行;3、行内块元素,其特点为能够设置宽高、不会自动换行。

    本教程操作环境:windows7系统、HTML5版、Dell G3电脑。

    HTML5中的标记分为块级元素、行内元素、行内块元素。

    行内元素:

    块级元素:

    行内块元素:

    但标签的类型是可以转换的

    掌握元素类别。现将学过的标签分类如下:

    1、块级元素

    标题<h></h>

    有序列表<ol><li></li></ol>

    无序列表<ul><li></li></ul>

    定义列表<dl></dl>

    段落标签<p></p>

    预格式文本<pre></pre>

    大段引用<blockquote></blockquote>

    小段引用<q></q>

    划分区块<div></div>

    定义<figure></figure>

    音频<audio></audio>

    视频<video></video>

    表格<table></table>

    表单<form></form>

    添加一条直线 <hr>

    装载独立文章<article>

    定义文档章节<section>

    定义非正文内容<aside>

    页眉<header>

    页脚<footer>

    导航链接部分<nav>

    为文档或 section 定义联系信息<address>

    制作更小字号的文本<small>

    下标文本<sub>

    上标文本<sup>

    2、行内元素

    标签类型代码书写

    超链接<a></a>

    倾斜<em></em>;<i></i>

    加粗</strong></strong>;<b></b>

    缩写<abbr></abbr>

    跨越多个字符<span></span>

    获取用户输入<input>

    创建下拉列表<select>

    创建多行文本框<textarea>

    定义控件标注<lable>

    3、行内块元素

    标签类型代码书写

    图片<img />

    内联框架<iframe></iframe>

    推荐教程:《html视频教程

    以上就是html5标记分为哪几类的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:html5 标记类型
    上一篇:html5新增加的结构标签有哪些 下一篇:html5属性值两边用什么符号

    相关文章推荐

    • html5怎么禁止放大页面• html和html5有什么区别• html5如何播放视频• html5移除了那些元素• html5 input有新属性吗• html5标签details怎么用

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网