美文网首页
HTML5常用标签

HTML5常用标签

作者: 独钓寒江月 | 来源:发表于2019-05-16 21:18 被阅读0次

一.HTML文档标签

  1. <!DOCTYPE>: 定义文档类型.

  2. <html>: 网页中最大的容器.
    用于包裹head、body...

  3. <head>: 定义文档的头部.用于存放一些声明信息.(头部内包含)

     (1). <meta>: 定义元素可提供有关页面的元信息,比如针对搜索引擎和更新频度的描述和关键词.
     (2). <base>:定义页面上的所有链接规定默认地址或默认目标.
     (3). <title>: 定义文档的标题.
     (4). <link>: 定义文档与外部资源的关系.
     (5). <style>:定义 HTML 文档样式信息.
  1. <body>: 定义文档的主体.
    网页中用于存放内容的区域,这个区域所书写的标签是在浏览器中可以直观的看到。
  2. < !---- > html注释
    用于标注HTML中的备注内容,也就是相当于我们给网页某块的代码加了记号,这个记号浏览器会读取到,但浏览器不会用作页面中的展示。

二.布局标签&语义化

  1. <div>:定义块级元素.

  2. <span>:定义行业元素.

  3. <header>:定义区段或页面的页眉.(头部)

  4. <main>:定义主体内容

  5. <footer>:定义区段或页面的页脚.(足部)

  6. <section>:定义文档中的区段.

  7. <article>:定义文章.

  8. <nav>:定义导航.

  9. <hgroup>:定义标题组

  10. <figure> 定义图像、视频区域等
    <figcaption> 定义 figure的标题

三.表格标签

  1. <table>:定义表格.

  2. <thead>:定义页眉.

  3. <tbody>:定义主体.

  4. <tfoot>:定义页脚.

  5. <caption>:定义标题.

  6. <th>:定义表头.

7.<tr>:定义一行.

  1. <td>:定义单元格.
<table>
  <thead>
     <tr>
       <th>First name</th>
       <th>Last name</th>
     </tr>
  <thead>
  <tbody>
     <tr>
        <td>John</td>
        <td>Doe</td>
     </tr>
     <tr>
        <td>Jane</td>
        <td>Doe</td>
     </tr>
  <tbody>
</table>

四.表单标签

  1. <form>:定义表单.(表单包含在form标签中)

2.<input>:定义输入域.
type属性的常见值

text 文本框
password 密码
radio 单选按钮
checkbox 多选按钮
file 上传框
reset 重置按钮
button 普通按钮
submit 提交按钮

3.<textarea>:定义文本域.(多行)

4.<label>:定义一个控制的标签.(input 元素的标注)

5.<select>:定义一个下拉列表.
<option> 需要和 select 标签配合使用

<select name="select">
  <option value="value1">Value 1</option> 
  <option value="value2" selected>Value 2</option>
  <option value="value3">Value 3</option>
</select>
  1. <button>:定义按钮.(定义围绕表单中元素的边框)

五.列表标签

1.<ul>:定义无序列表.

2.<ol>:定义有序列表.

3.<li>:定义列表项.

4.<dl>:定义自定义列表.

5.<dt>:定义自定义列表项.

6.<dd>:定义自定义的描述.

六.图像链接多媒体

1.<img>:定义图像.

<img src="mdn-logo-sm.png" alt="MDN">
属性:
    src 地址或路径
    alt 图片描述
        作用1:用于图片加载失败,或图片路径错误的提示
        作用2:用于搜索引擎抓取图片的关键词
        作用3:用于无障碍阅读的提示文字

2.<a>:定义超链接.

<a href="#" target="_blank" title="提示文字"></a>
属性:
    href 地址或路径
    target 目标窗口
    title 鼠标移上去的提示(该属性可添加给任何标签)

3.<map>:定义图像映射.

4.<area>:定义图像地图内部的区域.

5.<audio>:定义声音内容.

6.<video>:定义视频.

七.框架标签

1.<iframe>:内联框架.

八.格式标签

1.文章标签

  1. <h1>-<h6>:定义 HTML 标题.

2.<p>:定义段落.

3.<br>:定义换行.

4.<hr>:定义水平线.

  1. <del>:定义被删除文本.

  2. <time>:定义日期/时间.

2.短语元素标签

1.<em>:定义强调文本.

2.<strong>:定义语气更为强烈的强调文本.

3.<code>:定义计算机代码文本.

4.<kbd>:定义键盘文本.

5.<var>:定义文本的变量部分.

6.<sup>:定义上标文本.

7.<sub>:定义下标文本.

  1. <cite>:定义引用.

  2. <blockguote>:定义长的引用.

  3. <q>:定义短的引用.

3.字体样式标签

1.<i>:显示斜体文本效果.

2.<b>:呈现粗体文本效果.

3.<big>:呈现大号字体效果.

4.<small>:呈现小号字体效果.

5.<mark>:定义有记号的文本.

相关文章

  • HTML5基础知识

    一、HTML5结构以及常用标签 1、HTML5常用标签 (1)、声明文档类型 (2)网页字符集设置 网页相关的信息...

  • 2019-03-19 html常用标签词汇

    html常用标签词汇 html5新增表单类型

  • css高级

    HTML4 常用标签 HTML5 常用标签 语义化的好处 如何写出更优的 html 标签嵌套 内联元素:不能包含块...

  • html常用标签

    Html 大纲 html知识目录 什么是网页,网页的注释 网页的结构和标签 常用的标签和标签的属性 html5常用...

  • HTML的语义化

    笔记类文章 常用HTML5语义化标签 结构标签 header nav main article section a...

  • web前端面试题

    1.写出HTML5新增语义化标签以及表单控件(越多越好)常用的语义化标签 : , , , , , ...常用的表...

  • Day2

    DTD:文档类型的定义。 HTML5标准: HTML常用标签: 标题标签:标注当前页...

  • HTML5的简介和新旧标签得对比

    HTML5就是对HTML4得升级,在HTML5中标签更加语义化,我们之前常用的标签有div,h1-h6,p,ul,...

  • HTML5常用标签(1)--基础

    初学web前端,学习过程中总结了一下html5常用的标签,先做一个系列,介绍下各个标签作用。 先介绍下常用基础标签...

  • 前端技能总结

    目前已学习的内容 HTML HTML常用标签 HTML语义化 HTML5新增标签 CSS CSS语法 CSS选择器...

网友评论

      本文标题:HTML5常用标签

      本文链接:https://www.haomeiwen.com/subject/mcewaqtx.html