HTML5基本标签使用

最新推荐文章于 2023-04-11 07:59:22 发布
最新推荐文章于 2023-04-11 07:59:22 发布
阅读量332 收藏
点赞数
文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_50991473/article/details/109387295
版权
本文介绍了HTML5中的基本标签，包括标题标签（h1-h6），段落标签（p），换行标签（br），水平线标签（hr），强调标签（strong, em），图片标签（img）和超链接标签（a）。详细讲解了各个标签的用法、属性及对齐方式，是初学者掌握HTML5基础的良好参考资料。" 94868753,5868978,飞地数量计算：深度优先遍历解法,"['算法', '深度优先搜索', '数据结构', 'LeetCode', '矩阵操作']
摘要由CSDN通过智能技术生成

标题标签
1.标题文字标签
1)h1标题的重要性最高，h6最低。

<body>
<h1>h1标签效果</h1>
<h2>h2标签效果</h2>
<h3>h3标签效果</h3>
<h4>h4标签效果</h4>
<h5>h1标签效果</h5>
<h6>h2标签效果</h6>
</body>
``
2)示例图
![对齐方式示例](https://img-blog.csdnimg.cn/20201030162349569.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzUwOTkxNDcz,size_16,color_FFFFFF,t_70#pic_center)


2.标题文字标签对齐方式

```csharp
align="对齐方式"

1)align属性要设置在标题标记的后面
left 左对齐
center 居中对齐
right 右对齐
2）代码演示!

代码演示
3）效果图
效果图
3.段落标签
1）<p>段落正文内容</p>
2)代码<p>我以为我可以坚持</p> <p>后来就没后来了</p>
3）示例
无
4）p标签属性
align 水平对齐方式
class 设置CSS类
dir文字方向
style设置内嵌样式
title设置工具提示
4.换行标签
1)`文字
换一行

`
2)代码

<body>
程序员<br/><br/>
敲代码是程序员的日常<br/>
程序员也可以精致<br/>
</body>

5.水平标签
1）添加水平线

<hr 属性="属性值">

2）水平线的宽度和高度

<hr width="水平线高度"height="水平线高度"/>

3）水平线的颜色

<hr color="颜色代码"/>

4)水平线对齐方式

<hr align="对齐方式"/>

5)去掉水平线阴影

<hr noshade="noshade"/>

6)hr标签属性
align对齐方式
size线条厚度
width线条长度
color线条颜色
noshade平面显示，取消就有阴影
6.强调标签
和
7.图片标签
1）插入图片

<img src="路径" alt="提示信息" align="对齐方式" border="边框大小"width="宽度"
height="高度"/>

2)图片相对路径

<img src="bgggg.jpg"/>

3)图片绝对路径
http://baidu.com/images/logo.png
4)图片与文本对齐方式

<body>
程序员
<img src="images/le.jpg"alt="顶端对齐"align="top"/>程序员程序员程序员
<hr/>程序员程序员
<img src="images/le.jpg"alt="居中对齐"align="middle"/>敲代码敲代码敲代码
<hr/>程序员程序员敲代码
<img src="images/le.jpg"alt="底端对齐"align"bottom"/>程序员熬夜敲代码

8.超链接标签
1）
<a 属性="属性值">链接显示文本</a>
2)相对路径

/*用于访问同一个目录的文件，直接写文件名*/
<a href="a.html">相对路径超链接</a>
/*绝对路径包含目录，"../"访问源文件目录的上一个目录*/
<a href="../a.html"></a>
/*访问下级目录文件*/
<a href="html/a.html"></a>

3)绝对路径

<a href="http://www.qq.com"></a>
久宝贝
关注
「HTML和CSS入门指南」hr 标签详解
a451319296的博客
06-04 6241
标签是 HTML5 中用于插入水平分割线的标签，常用于在页面中添加分隔线或者段落之间的分割线。通过灵活运用 标签和属性，我们可以帮助用户更好地理解页面内容，同时也可以美化和装饰页面。在实际应用中需要注意避免过度使用 标签，以使页面看起来简洁明了。
HTML5/CSS3系列教程：HTML5基本标签使用header，nav和footer
GBin1.com
01-17 1785
日期：2013-1-15  来源：GBin1.com 大家可能都知道HTML5中出现了很多以前没有的标签，例如，header，nav，和footer，在这之前我们如果开发相关的页面布局的时候，往往都是使用CSS来定义相关的头部，导航及其页底部分，如下： #nav{ padding: 10px ... } #header{ padding: 10px ... } #footer{
html5标签应用
壁花girl的博客
06-28 210
mark突出显示部分文本 mark don't forget to buy milk today. 运行效果： details (目前只有 Chrome 和 Safari 6 支持 这个标签) open me 1 2 3 运行效果： datalist boy girl hello world
html5基本标签使用--小技巧总结
tester92的博客
04-18 544
HBuilder工具具有的一些小功能：1、&lt;p&gt;&lt;/p&gt; 快捷写法：输入字母p，点击TAB键2、一次性写出5个&lt;tr&gt;&lt;/tr&gt;的方法：输入tr*5,再点击TAB键   &lt;tr&gt;&lt;/tr&gt;   &lt;tr&gt;&lt;/tr&gt;   &lt;tr&gt;&lt;/tr&g
HTML5基础标签学习
weixin_61920612的博客
11-09 818
学习内容： 1.常用标签 1.1标签语义 学习标签重点是记住每个标签的语义。简单理解就是指标签的含义，即这个标签是用来干嘛的。根据标签的语义，在合适的地方给一个最为合理的标签，可以让页面结构更清晰。 1.2标题标签<h1> - <h6> 为了使网页更具有语义化，我们经常会在页面中用到标题标签。HTML提供了6个等级的网页标题，即<h1> - <h6>。【h是单词head的缩写，意为头部，标题】 标签语义：作为标题使用，并且依据重要性递减。 特点：
html5 <hr>标签,HTML
weixin_39600366的博客
06-22 111
HTML 标签noshade属性实例有阴影效果的水平线(这是默认的):没有阴影效果的水平线:亲自测试一下浏览器支持 所有主流浏览器都支持 noshade 属性。定义和用法HTML5 不支持 noshade 属性。请使用 CSS 代替。在 HTML 4.01 中， 的 noshade 属性 已废弃。noshade 属性是一个布尔属性。noshade 属性规定水平线的颜色呈现为纯色，而不是有阴影的...
HTML的基本标签
qq_58167492的博客
04-04 1787
文章末尾有代码和效果可查看。 基本标签： 段落标签<p></p> 标题标签：<h1></h1>、<h2></h2>、<h3></h3>、<h4></h4>、<h5></h5>、<h6></h6> 换行标签<br/> 分割线标签<hr/> 布局标签<div></div> span标签
HTML详解（5.html的基本标签）
qq_43623447的博客
01-16 9483
文章目录一，标签集合二，中常见子元素的含义三，标题标记<hx>四，文本标记<b><i><u><del>五，预格式文本<pre>六，字体标签<font>七，换行<br>或者</br>八，水平线<hr>九，超链接十，列表标签<ul><ol><li>...
HTML基本结构标签以及常用标签
qq_52341981的博客
08-23 2932
我们常用的开发工具：VScode 首先我们先看到的是HTML的基本结构标签 由上图我们依次解释其用途 <html></html>作为页面中一个最大的标签，包裹住其他小标签，称其为根标签 <head></head>文档的头部，在这其中必须包含tilte标签 <title></title>文档的标题，给页面设置标题 <body></body>文档发主体，页面中的内容基本都放在改标签里。 接着我们来.
HTML 语法规范及其基本结构标签
酷爱前端的小陈博客
04-16 1349
1. HTML 语法规范 1.1 基本语法概述 1. HTML 标签是由尖括号包围的关键词，例如 <html>。 2. HTML 标签通常是成对出现的，例如 <html> 和 </html> ，我们称为双标签。标签对中的第一个标签是开始标签，第二个标签是结束标签。 3. 有些特殊的标签必须是单个标签（极少情况），例如 <br />，我们称为单标签。 1.2 标签关系 双标签关系可以分为两类：包含关系和并列关系 2. ...
HTML5基础介绍，标签以及属性的使用
qq_59128070的博客
07-20 852
HTML基础 元素的基本标签 属性 和用法
html标签使用方法,详细解读HTML5标签使用方法
weixin_33187554的博客
06-14 185
HTML 5 是一个新的网络标准，目标在于取代现有的 HTML 4.01, XHTML 1.0 and DOM Level 2 HTML 标准。它希望能够减少浏览器对于需要插件的丰富性网络应用服务(plug-in-based rich internet application，RIA)，如Adobe Flash, Microsoft Silverlight, 与 Sun JavaFX 的需求。HT...
【关于HTML5的标签介绍和使用】
fanshengli1996的博客
03-10 304
关于日常使用中的HTML5的标签介绍以及使用
HTML5基础—常用标签（二）文字与段落
mango_ZZY的博客
08-28 518
1.段落<p>（双标记） <p>...</p> 在换行的基础上，另空一行 2.换行<br>（单标记） 一个<br>或者<br />表示一个换行，多个<br>或者<br />表示多个换行，没有额外的空行，注意和<p>区别 3.预先格式化<pre>（双标记） <pre...
HTML hr 标签的用法
qq_23835463的博客
09-10 1365
HTML hr 标签的用法 实例： <html> <body> <p>hr 标签定义水平线：</p> <hr /> <p>这是段落。</p> <hr /> <p>这是段落。</p> <hr /> <p>这是段落。</p> </body> </html> ...
HTML5常用标签用法大全
cxycxytony的博客
07-17 1078
1、HTML简介 Hyper Text Markup Language（超文本标记语言） 超文本包括：文字、图片、音频、视频、动画等。 2、HTML5的优势 世界知名浏览器厂商对HTML5的支持 微软 Google 苹果 Opera Mozila 市场的需求 跨平台 3、W3C标准 W3C World Wide Web Consortium（万维网联盟） 成立于1994年，Web技术领域最权威和具影响力的国际中立性技术标准机构 http://www.w3.org/ http://www.chinaw3
HTML hr标签学习
黄彪博客
09-07 1799
文章摘抄 http://www.w3cplus.com/css/css-hr   标签是html4用来制作水平线的。如果你在网页制作中使用了标签来制作水平分隔线，你知道在没有样式设置的情况下，他是很难看的。在各浏览器的显示常常是100%的宽度，2px的高度,3D边框风格渲染。默认情况是不太好看，或者也不符合你的网页风格，但是你给标签设置了样式，这样他看起来就不会那么难看，同时也更能适合你的页面
HTML5常用标签 用法总结!
lllhhffh的博客
02-10 298
h基本结构标签： 网页名称 页面内容 标题标签（双标签）： ~~ h1最大 段落标签(双标签)： 换行标签（单标签）： 字体加粗标签（双标签）： 倾斜标签（双标签）： 删除线标签（双标签）： 下划线标签(双标签)： 盒子标签（双标签，没有语义，就是装内容的）： </ div>大盒子，一行一个 图像标签（双标签）：<img src=“图片位置”...
HTML5 ＜hr＞ 标签、HTML5 ＜h1＞ 至 ＜h6＞ 标签
最新发布
thgj0006的博客
04-11 869
hr> 标签定义 HTML 页面中的主题变化（比如话题的转移），并显示为一条水平线。 元素被用来分隔 HTML 页面中的内容（或者定义一个变化）。HTML5 通过 - 标签可定义标题。 定义最大的标题。 定义最小的标题。由于 h 元素拥有确切的语义，因此请您慎重地选择恰当的标签层级来构建文档的结构。因此，请不要利用标题标签来改变同一行中的字体大小。相反，我们应当使用层叠样式表定义来达到漂亮的显示效果。
HTML基础教程：学习HTML基本标签
HTML基本标签是构建网页内容的基础，它们告诉浏览器如何显示网页的各种元素。HTML（HyperText Markup Language）是一种标记语言，用于描述网页的结构和内容。自1993年以来，HTML经历了多个版本的迭代，从最初的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值