04-H标签-P标签-Hr标签-基础标签学习

最新推荐文章于 2024-10-08 17:03:57 发布
原创 最新推荐文章于 2024-10-08 17:03:57 发布 · 692 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#html基础标签学习 #H标签 #P标签 #Hr标签

本文介绍了WebStorm中快捷键的使用，并详细讲解了HTML的基础标签，包括H系列（Header 1 ~ Header 6）用于标题，P标签表示段落，以及Hr标签用于显示分割线。在企业开发中，H1标签的使用通常有特定规则。 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>H系列标签和P标签和Hr标签</title>
</head>
<body>
<h1>我是标签1</h1>
<h2>我是标签2</h2>
<h3>我是标签3</h3>
<h4>我是标签4</h4>
<h5>我是标签5</h5>
<h6>我是标签6</h6>

<p>我是一段文本</p>
<p>我是一段文本</p>

<hr>
我是一段普通文本
我是一段普通文本
</body>
</html>

WebStorm中快捷键的使用：

  • 如何在WebStorm中利用快捷创建一个新的.html的文件
    同时按下键盘上的Ctrl + Alt + Insert

  • 如何在WebStorm中让光标移动到当前行的末尾
    按下键盘上的End键即可

  • 如何在WebStorm中让光标移动到当前行的最前面
    按下键盘上的Home键即可

  • 如何在WebStorm中让光标在多行闪烁
    按住键盘上的Alt键不放，然后再按住鼠标的左键不放，然后再拖动鼠标即可

  • 如何在WebStorm中快速的复制光标所在的那一行
    按下键盘上的Ctrl + D

  • 如何在WebStorm中快速的删除光标所在的那一行
    按下键盘上的Ctrl + X

  • 如何在WebStorm中让

最低0.47元/天 解锁文章
「HTML和CSS入门指南」hr 标签详解
a451319296的博客
06-04 7423
标签是 HTML5 中用于插入水平分割线的标签，常用于在页面中添加分隔线或者段落之间的分割线。通过灵活运用 标签和属性，我们可以帮助用户更好地理解页面内容，同时也可以美化和装饰页面。在实际应用中需要注意避免过度使用 标签，以使页面看起来简洁明了。
HTML5初步标签学习1——H标签，P标签，Hr标签，img标签，br标签，a标签，base标签
m0_38070602的博客
04-06 2643
首先关于html5的学习，采用的是webstorm软件，所有的h5标签不是用来改变文本样式的，而是用来添加语义的，改变样式是由css来实现的。 标签学习： 1.H标签：给文本添加标题语义，并非修改文本样式  格式：我的第一个html程序  注意点：   * h标签一共有6个，h1到h6，超过无效   * 被h标签包裹的内容会独占一行   * 在h系列的标签中，h1的字最大，h6最小
前端学习第二天
weixin_43748824的博客
11-21 552
一、HTML文本标签 hn,span,p HTML中标题(heading)分为6级，分别是：h1、h2、h3、h4、h5、h6 H1-h6标签具有和p标签一样的特征：占满整行，上下换行 普通文本标签span 在HTML用于显示文本的基本标签对是。 虽然不编写任何标签，将文字直接写于标签对内也能正常显示，但是这样我们对此文本的控制力会极度的减弱。 段落标签p 如果我们想如同现实中写文章一样，将文章达...
学习-HTML（文字-段落）
文情
05-14 867
文本一些常用的标签 1.文字： 除了标题文字外，在网页中普通的文字信息也不可缺少，而多种多样的文字装饰效果更可以让用户眼前一亮，记忆深刻。在网页的编码中，可以直接在<body></body>标签之间输入文字，这些文字可以显示在页面中，同时可以为这些文字添加具有装饰效果，如斜体、下划线等。 标签代码： 斜体内容、<i>斜体内容</i>、<cite>斜体内容</cite> <u>带下
细说<hr>标签
Marlonwang的专栏
12-07 3874
hr标签是单独使用的标签，是水平线标签，用于段落与段落之间的分隔，使文档结构清晰明了，使文字的编排更整齐 通过设置标签的属性值，可以控制水平分隔线的样式。 属性： size: 设置水平分隔线的高度，单位：像素默认值是2 width: 设置水平分隔线的宽度， 单位：像素 % 默认值是100% align: 设置水平分隔线的对齐方式。 默认值是center 还有left right col
QD1-P4 HTML标题标签（h）水平线标签（hr）
最新发布
qq_38641599的博客
10-08 1435
本节学习： title标签（页面标题） h标签（文章标题） hr标签（横线） body标签的属性（网页背景色，字体颜色）
h标签和p标签以及hr标签学习总结.docx
11-22
h 标签、p 标签和 hr 标签学习总结 h 标签系列（header1—header6）是 HTML 中的一种基本标签，用于给文本添加标题语义格式。h 标签共有 6 个，从 h1 到 h6，最多只能到 6，超过 6 则无效。h 标签的作用是给文本...
2021-2022收藏的精品资料html标签大全DOC.doc
09-16
- 属性用于自定义标签的行为，如`<hr align=”center” width=”50%”>`定义一条水平线，其中`align`指定对齐方式，`width`设定宽度。 4. 结构性标记： - `至<h6>`：定义六级标题，`<h1>`最大，`<h6>`最小。 - `...
Luy-n-t-p-t-o-v-s-d-ng-h-m-01
03-21
` `用于换行，`<hr>`创建水平线。 5. **图像与多媒体**：`<img>`元素插入图片，需指定`src`属性为图像源，`alt`属性提供替代文字。`<audio>`和`<video>`元素用于嵌入音频和视频。 6. **列表**：`<ul>`和`<ol>`...
hr标签妙用
ThinkPet
03-18 3172
hr标签可以在页面中产生一条水平线，将文本区域内容分开，以增加网页的层次感。hr标签可以通过size , color , width , noshade , align 等属性分别对横线的高度、颜色、宽度、阴影、对齐方式进行设置。&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8...
hr标签和注释的总结
ruoruoruo666的博客
04-16 1031
hr标签的定义与使用说明 定义以及使用说明 <hr>标签定义 HTML 页面中的主题变化（比如话题的转移），并显示为一条水平线。 <hr> 元素被用来分隔 HTML 页面中的内容（或者定义一个变化）。 实例 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>hr标签的使用</title> </head> &
html中hr标签有哪些属性,htmlhr标签的属性有哪些？HTMLhr标签的样式详解
weixin_32972053的博客
06-04 5534
html hr标签的属性有哪些？HTML hr标签的样式详解，本篇文章介绍了html中的hr标签的定义及其属性描述，还有关于html hr标签的样式使用的几种方法html中hr标签定义和用法： 标签在 HTML 页面中创建一条水平线。水平分隔线(horizontal rule)可以在视觉上将文档分隔成各个部分。HTML 标签实例：被水平线分隔的标题和段落：This is header 1This...
h标签与p标签
Mind_programmonkey的博客
08-01 1363
Document title1 title2 title3 title4 title5 title6 h1-h6系列 表示标题，字体越来越小 p表示段落，在新闻网站上，h与p经常一起出现,
html中加横线粗细控制,html中hr怎么设置粗细
热门推荐
weixin_36265980的博客
05-31 1万+
在html中，可以使用css border属性来设置hr水平线的粗细、颜色等样式，只需要给hr标签添加“border: 宽度值 样式值 颜色值;”样式即可，例“hr{border: 5px solid red;}”。本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。hr是html页面上的一条水平分隔线(horizontal rule)，它可以在视觉...
HTML中h标签和p标签,HTML 中 br 和 p 标签的区别是什么?
weixin_28759829的博客
06-20 1823
HTML 中 br 和 p 标签的区别是什么?在 html 中 br 和 p 标签都可以实现文本的换行效果, 那么它们之间有什么区别吗? 下面本篇文章就来给大家介绍一下 br 和 p 标签的区别, 希望对大家有所帮助.区别:在 HTML 中 br 标签是换行标签, 是一个空标签, 它没有结束标签, 因此 < br> 的写法是错误的. p 标签是段落标签, 有结束标签, 即 < p...
<hr/>标签的属性及样式
onlyaisha的专栏
06-25 6625
用简单的“hr”语句就能实现多样化的分割效果： 最基本的：。其中 width 规定线条的长度，还可以是百分比；color 表示颜色，size 表示厚度；align 规定线条位置，有left、right、center；noshade 表示是否有立体效果。 　　两头渐变透明： -------------------------------------------------------
h标签和p标签和hr标签
qq_34313617的博客
11-16 6294
h标签： 标题标签 最多只能有6个h标签，一个h标签独占一行 注意点： 企业开发中，一个界面只能有一个h1标签。 p标签： 哪些文字是一个段落 格式：中间是需要段落的文字 注意点： 被p标签包裹的内容，在浏览器中单独占一行 hr标签： 在浏览器中显示一条分割线 格式: 注意点: 在浏览器中单独占据一行
HTML5下＜hr＞标签的CSS样式定制
09-10 2287
hr>标签在HTML页面中创建一条水平线，这条水平线通常用于分隔段落、章节或者主题变化。在HTML中，是一个空元素，没有结束标签，直接使用即可。然而，在XHTML中，为了符合XML的严格语法，必须被正确地关闭，比如。
前端初学3| hr标签的扩展及部分特殊符号的表示
printfbaozw的博客
12-04 4211
hr标签的扩展及部分特殊符号的表示
VS-Code中学习HTML标签入门
接下来，文章详细讲解了HTML中的标题标签（h1到h6）、段落标签（p）、换行标签（br）、上下角标（sup和sub）以及水平线（hr）的用法。" 在前端开发中，HTML（超文本标记语言）是构建网页结构的基础。在本文中，作者...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值