HTML5基础常用标签

最新推荐文章于 2024-04-09 08:00:00 发布
最新推荐文章于 2024-04-09 08:00:00 发布
阅读量1.2k 收藏 2
点赞数 2
文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45226804/article/details/110235355
版权

HTML5😎

  • 什么是HTML5?🙄

  1. HTML5 是下一代 HTML 标准。
  2. HTML , HTML 4.01的上一个版本诞生于 1999 年。自从那以后，Web 世界已经经历了巨变。
  3. HTML5 仍处于完善之中。然而，大部分现代浏览器已经具备了某些 HTML5 支持。

  • 最常用的 HTML5 标签及属性😈

  • 基本的 HTML 标签

  1. <h1>- <h6> 标签定义 HTML 标题
  2. <p> 标签定义 HTML 段落
  3. <a> 标签定义 HTML 链接
  • 超链接：
  • 通过使用 href 属性 - 创建指向另一个文档的链接
  • 通过使用 name 属性 - 创建文档内的书签
  • 通过使用 Target 属性，你可以定义被链接的文档在何处显示
  • 语法：<a href="url">Link text</a>
  • 锚点：
  • 语法：<a name="label">锚（显示在页面上的文本）</a>
  1. <img> 标签定义 HTML 图像
  2. <map> 定义图像地图
  3. <area> 定义图像地图中的可点击区域
  4. <html> 定义 HTML 文档
  5. <body> 定义文档的主体
  6. <h1> - <h6> 标签定义 HTML 标题
  7. <hr /> 标签创建 HTML 页面水平线
  8. <!-- --> HTML 注释
  9. <p>定义段落
  10. <br /> 插入单个折行（换行）

  • HTML 文本格式化标签

  1. <b> 定义粗体文本
  2. <big> 定义大号字
  3. <em>定义着重文字
  4. <i> 定义斜体字
  5. <small> 定义小号字
  6. <strong> 定义加重语气
  7. <sub> 定义下标字
  8. <sup> 定义上标字
  9. <ins> 定义插入字
  10. <del> 定义删除字

  • HTML CSS样式

  1. <style> 定义样式定义
  2. <link> 定义资源引用
  3. <div> 定义文档中的节或区域（块级）
  4. <span> 定义文档中的行内的小块或区域
  5. <font> 规定文本的字体、字体尺寸、字体颜色。不赞成使用。请使用样式
  6. <center> 对文本进行水平居中。不赞成使用。请使用样式

  • HTML 表格标签

  1. ####<table>定义表格
  2. <caption> 定义表格标题
  3. <th> 定义表格的表头
  4. <tr> 定义表格的行
  5. <td> 定义表格单元
  6. <thead> 定义表格的页眉
  7. <tbody> 定义表格的主体
  8. <tfoot> 定义表格的页脚
  9. <col> 定义用于表格列的属性
  10. <colgroup> 定义表格列的组

  • HTML 列表

  1. <ol> 定义有序列表
  2. <ul> 定义无序列表
  3. <li> 定义列表项
  4. <dl> 定义定义列表
  5. <dt> 定义定义项目
  6. <dd> 定义定义的描述

  • HTML 头部元素

  1. <head> 定义关于文档的信息
  2. <title> 定义文档标题
  3. <base> 定义页面上所有链接的默认地址或默认目标
  4. <link> 定义文档与外部资源之间的关系
  5. <meta> 定义关于 HTML 文档的元数据
  6. <script> 定义客户端脚本
  7. <style> 定义文档的样式信息

  • HTML 中有用的字符实体

显示结果描述实体名称实体编号
空格&nbsp;&#160;
<小于号&lt;&#60;
>大于号&gt;&#62;
&和号&amp;&#38;
"引号&quot;&#34;
©️版权(copyright)&copy;&#169;
®️注册商标&reg;&#174;
™️商标&trade;&#8482;
✖️乘号&times;&#215;
➗除号&divide;&#247;

  • html5的标签中，哪些是行内元素，哪些是块级元素。

  • 块级元素：块级大多为结构性标记

  1. <address>...</adderss>

  2. <center>...</center> 地址文字

  3. <h1>...</h1> 标题一级

  4. <h2>...</h2> 标题二级

  5. <h3>...</h3> 标题三级

  6. <h4>...</h4> 标题四级

  7. <h5>...</h5> 标题五级

  8. <h6>...</h6> 标题六级

  9. <hr> 水平分割线

  10. <p>...</p> 段落

  11. <pre>...</pre> 预格式化

  12. <blockquote>...</blockquote> 段落缩进 前后5个字符

  13. <marquee>...</marquee> 滚动文本

  14. <ul>...</ul> 无序列表

  15. <ol>...</ol> 有序列表

  16. <dl>...</dl> 定义列表

  17. <table>...</table> 表格

  18. <form>...</form> 表单

  19. <div>...</div>

  • 行内元素：行内大多为描述性标记

  1. <span>...</span>

  2. <a>...</a> 链接

  3. <br> 换行

  4. <b>...</b> 加粗

  5. <strong>...</strong> 加粗

  6. <img > 图片

  7. <sup>...</sup> 上标

  8. <sub>...</sub> 下标

  9. <i>...</i> 斜体

  10. <em>...</em> 斜体

  11. <del>...</del> 删除线

  12. <u>...</u> 下划线

  13. <input>...</input> 文本框

  14. <textarea>...</textarea> 多行文本

  15. <select>...</select> 下拉列表

  • 块级元素

  1. 总是从新的一行开始

  2. 高度、宽度都是可控的

  3. 宽度没有设置时，默认为100%

  4. 块级元素中可以包含块级元素和行内元素

  5. 都有align属性

  6. dispay都是block

  • 行内元素

  1. 和其他元素都在一行

  2. 高度、宽度以及内边距都是不可控的

  3. 宽高就是内容的高度，不可以改变

  4. 行内元素只能行内元素，不能包含块级元素

  5. 没有align属性

  6. display都是inline

@啊晴宝贝

简简单单老郭头
关注
  • 2
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
20.2 HTML 常用标签
07-28
在“20.2 HTML 常用标签”这个主题中，我们将深入探讨一些HTML中不可或缺的核心标签，这些标签对于创建功能性且结构清晰的网页至关重要。 1. **文档类型声明（<!DOCTYPE html>）**：这是每个HTML文档的开头，用于...
(完整版)HTML5常用标签大全
qq_60497930的博客
10-19 6629
(完整版)HTML5常用标签大全
HTML5 常用标签
weixin_59246157的博客
04-20 2723
input>标签用于定义输入框，可以定义多种类型的输入框，如文本框、密码框、复选框等。<table>标签定义了一个表格，其中每行使用<tr>标签定义，每个单元格使用<td>标签定义。<details>标签用于定义一个可折叠的内容块，<summary>标签用于定义折叠内容块的摘要。<progress>标签用于显示进度条，<meter>标签用于显示某个量的大小。<datalist>标签用于定义一个选项列表，<option>标签用于定义选项。<ol>标签定义了一个有序列表，其中每个列表项使用<li>标签定义。
html5 常用标签的使用
baipenggui_bo
08-03 4835
什么是HTML? HTML 指的是超文本标记语言:HyperTextMarkupLanguage HTML 不是一种编程语言，而是一种标记语言 标记语言是一套标记标签(markup tag) HTML 使用标记标签来描述网页 HTML 文档包含了HTML标签及文本内容 HTML文档也叫做web 页面 HTML语法骨架格式 <html> 根标签，页面中最大的标签 <head> 头部，head标签中必须要设置的标签是title ...
HTML5 基础标签
m0_73070900的博客
08-04 2514
当今互联网时代，网页是我们获取信息、交流和展示自己的重要渠道之一。而HTML（超文本标记语言）作为构建网页的基础，学习掌握HTML标签成为了必不可少的技能。
HTML5常用基础标签
weixin_53414403的博客
05-11 3400
HTML5中的标签众多，有时新手刚入门前端很容易步入误区，即想要一把抓掌握所有的知识，其实全部掌握效果不尽人意，相反会让我们学习受挫，效率低下，因此“片面”的学习有助于我们提高学习效率等，对于一些不常用的标签或者知识即查即用。因此都是有哪些常用的基础HTML5标签呢？快来看看吧！ 1.首先是一些重要的文本标签，辟如<div>、<span>、<p>、<h1-h6>、<br>、<hr>、<pre>等等 以下是依据官方解释以及
HTML5常用基础标签.docx
02-08
下面将详细介绍 HTML5 的基本结构和一些常用的基础标签。 一、HTML 的基本结构 HTML 的基本结构主要由以下几部分组成： * `<!DOCTYPE html>`：文档类型声明，表明该文档是 HTML5 文档。 * `<html>`：root 元素，...
常用的HTML5列表标签
09-27
HTML5是现代网页开发的基础，其中列表标签是构建页面结构的重要元素。它们提供了一种有组织的方式来展示数据，使得信息更易读、更易于理解。本文将深入探讨HTML5中的三种主要列表标签：无序列表（unordered list）、...
HTML常用标签代码
05-07
在本资源中，我们看到的"HTML常用标签代码"显然是一个帮助初学者或开发者学习和练习HTML标签的资料。下面将详细介绍一些常见的HTML标签及其用法。 1. `<html>`: 这是每个HTML文档的根元素，包含整个网页的代码。...
HTML5标签（网页编程）
最新发布
ZangLing的博客
04-09 1417
一、常用标签 二、表单标签 三、表格标签 四、音视频标签 五、多媒体标签
HTML5标签属性大全
weixin_65921319的博客
05-13 1601
header>网页或者文章的头部<hgroup>将整个页面或页面中一个内容区块的标题进行组合<nav>表示页面中导航链接部分<aside>article元素内容之外，相关内容或应用（常用于侧边栏）<article>表示页面中的一块与上下文不相关的独立的文章内容<section页面中的一个独立内容区块，文档的主体部分，用于网页或文章划分章节、区块<footer>网页或者文章的底部。
HTML5的常用标签
jmz98的博客
05-09 365
a href="#marker">锚链接。<title>文档标题标签。<strong>加粗标签。<meta>元信息标签。
HTML5各种标签总结（HTML、head）
python全栈
01-10 1830
一、HTML标签 定义 HTML 文档，这个元素我们浏览器看到后就明白这是个HTML文档了，所以你的其它元素要包裹在它里面，标签限定了文档的开始点和结束点，在它们之间是文档的头部和主体。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body> </htm
HTML5 标签汇总
热门推荐
无
06-16 1万+
文档结构   html页面的基本结构如下，其中head为页面的头部信息，body为页面的主体信息。 <!DOCTYPE html> <html lang="zh-CN"> <head></head> <body></body> </html> 文档元素 DOCTYPE   DOCTYPE 即文档类型（document type），用于声明当前文档类型，告知浏览器使用哪种HTML版本（<!DOCTYPE htm.
html5标签大全
qq_23697579的博客
09-06 849
html5 常用 标签 一、主体结构 header 页面头部，不同与 aside 边栏 nav 外部链接集合 section 章节或段落 article 类似文章、摘要或留言POST等形式的记录（一般搭配内嵌头部、尾部、底部结构使用） hggroup 类似子标题，标题信息、可选标题、TAG标签这样的数据，还是英文更好理解一些，heading of a section add
html5常用的属性标签,HTML5常用标签及其属性设置
weixin_30366015的博客
06-15 5520
一、Html5的基本结构网页的内容二、head标签内常用标签1、meta标签：设置元数据信息(metadata)，用来描述HTML文档的信息，为网页提供用户不可见的信息。常用属性：⑴charset属性：设置文档的字符集编码格式，一般设置为UTF-8。例：HTML5中设置编码⑵http-equiv属性：需要配合content属性使用，提供了content属性的信息/值的HTTP头。例1：HTML4....
HTML5简介与标签
qq_43457781的博客
04-17 1288
HTML基础学习
HTML5——网页基本标签
万里顾一程的博客
10-30 1196
文章目录HTML5——网页的基本标签基本标签：图像标签链接标签行内元素和块元素列表标签表格标签 HTML5——网页的基本标签 基本标签： 标题标签 段落标签 换行标签 水平线标签 字体样式标签 粗体：<strong></strong> 斜体： 注释和特殊符号 空&nbsp; 格 > &gt;大于 < &lt;小于 基本标签的使用 <!DOCTYPE html>
HTML5常用标签与属性详解
"HTML5常用方法包括了对meta、link、blockquote以及figure等标签的使用，涵盖了文档编码、网页元信息、引用和图片组合等多种功能。" HTML5是现代网页开发的基础，它引入了许多新的特性和改进，使得开发者能够创建更...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值