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

最新推荐文章于 2022-12-04 20:59:35 发布
最新推荐文章于 2022-12-04 20:59:35 发布
阅读量625 收藏
点赞数
分类专栏： Html基础 文章标签： html基础标签学习 H标签 P标签 Hr标签
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/majiamin123/article/details/100613307
版权
本文介绍了WebStorm中快捷键的使用，并详细讲解了HTML的基础标签，包括H系列（Header 1 ~ Header 6）用于标题，P标签表示段落，以及Hr标签用于显示分割线。在企业开发中，H1标签的使用通常有特定规则。
摘要由CSDN通过智能技术生成 
<!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中快速的删除光标所在的那一行

最低0.47元/天 解锁文章
majiamin123
关注
专栏目录
「HTML和CSS入门指南」hr 标签详解
a451319296的博客
06-04 6378
标签是 HTML5 中用于插入水平分割线的标签，常用于在页面中添加分隔线或者段落之间的分割线。通过灵活运用 标签和属性，我们可以帮助用户更好地理解页面内容，同时也可以美化和装饰页面。在实际应用中需要注意避免过度使用 标签，以使页面看起来简洁明了。
细说<hr>标签
Marlonwang的专栏
12-07 3439
hr标签是单独使用的标签，是水平线标签，用于段落与段落之间的分隔，使文档结构清晰明了，使文字的编排更整齐 通过设置标签的属性值，可以控制水平分隔线的样式。 属性： size: 设置水平分隔线的高度，单位：像素默认值是2 width: 设置水平分隔线的宽度， 单位：像素 % 默认值是100% align: 设置水平分隔线的对齐方式。 默认值是center 还有left right col
hr标签妙用
ThinkPet
03-18 3068
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 957
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 5299
html hr标签的属性有哪些？HTML hr标签的样式详解，本篇文章介绍了html中的hr标签的定义及其属性描述，还有关于html hr标签的样式使用的几种方法html中hr标签定义和用法： 标签在 HTML 页面中创建一条水平线。水平分隔线(horizontal rule)可以在视觉上将文档分隔成各个部分。HTML 标签实例：被水平线分隔的标题和段落：This is header 1This...
2021-2022收藏的精品资料html标签大全DOC.doc
09-16
- 属性用于自定义标签的行为，如`<hr align=”center” width=”50%”>`定义一条水平线，其中`align`指定对齐方式，`width`设定宽度。 4. 结构性标记： - `至<h6>`：定义六级标题，`<h1>`最大，`<h6>`最小。 - `...
HTML基础--基础标签
肉丸不肉
11-04 604
这一章节我觉得简书上整理的不全，所以想借鉴一下江哥的整理的再自己补充上不全的。H系列标签(Header 1~Header 6) 作用: 用于给文本添加标题语义 格式: xxxxxx 注意点: H标签是用来给文本添加标题语义的, 而不是用来修改文本的样式的 H标签一共有6个, 从H1~H6, 最多就只能到6, 超过6则无效 被H系列标签包裹的内容会独占一行 在H系列的标签中, H1最大, H6最
html标签各属性之间用空格隔开对吗,03-HTML标签（二）
weixin_39899691的博客
06-04 4072
一、HTML常用标签1、排版标签排版标签主要和css搭配使用，显示网页结构的标签，是网页布局最常用的标签。1.1、标题标签 h1 ~ h6单词缩写： head 头部. 标题为了使网页更具有语义化，我们经常会在页面中用到标题标签，HTML提供了6个等级的标题。语义：作为标题使用，并且依据重要性递减语法： 标题文本 标题文本 标题文本 标题文本 标题文...
h标签与p标签
Mind_programmonkey的博客
08-01 1166
Document title1 title2 title3 title4 title5 title6 h1-h6系列 表示标题，字体越来越小 p表示段落，在新闻网站上，h与p经常一起出现,
HTML中h标签和p标签,HTML 中 br 和 p 标签的区别是什么?
weixin_28759829的博客
06-20 1711
HTML 中 br 和 p 标签的区别是什么?在 html 中 br 和 p 标签都可以实现文本的换行效果, 那么它们之间有什么区别吗? 下面本篇文章就来给大家介绍一下 br 和 p 标签的区别, 希望对大家有所帮助.区别:在 HTML 中 br 标签是换行标签, 是一个空标签, 它没有结束标签, 因此 < br> 的写法是错误的. p 标签是段落标签, 有结束标签, 即 < p...
h标签和p标签和hr标签
qq_34313617的博客
11-16 6168
h标签： 标题标签 最多只能有6个h标签，一个h标签独占一行 注意点： 企业开发中，一个界面只能有一个h1标签。 p标签： 哪些文字是一个段落 格式：中间是需要段落的文字 注意点： 被p标签包裹的内容，在浏览器中单独占一行 hr标签： 在浏览器中显示一条分割线 格式: 注意点: 在浏览器中单独占据一行
前端初学3| hr标签的扩展及部分特殊符号的表示
最新发布
printfbaozw的博客
12-04 3635
hr标签的扩展及部分特殊符号的表示
html 中＜h＞ ＜p＞ ＜br/＞标签的理解
qq_51277605的博客
02-22 2199
标签有 单标签 和 双标签之分 写法： 双标签 有前有后 <h> </h> 单标签 加了/ 示例 <br/> <h> <p>为双标签 <br/> 为单标签 <h> <p>似乎都能看出上下之间有一些垂直距离 <p> <h>连在一起还是固定的距离 标题标签 <h1>~<h6> 也是盒子 h标签特点： 标题标签 标题一种六级选 文字加粗一行显 由大到小依
【日常积累】hr标签的属性及样式
Java_BlackHumour的博客
06-13 2226
来自：https://www.cnblogs.com/qisiqiubite/p/5318736.htmlhttp://blog.163.com/dream_lxp/blog/static/50782634201051051038/应急用：两头渐变透明：&lt;hr width=80% size=3 color=#5151A2 style="FILTER: alpha(opacity=100,fi...
(前端)html与css，html 5、h、p标签，与_img路径
weixin_30480583的博客
05-29 330
一、h标签 h标签:headline，标题的缩写。 h标签分为了六个等级，表示一到六的标题。 语义:给文本添加一到六级标题语义。 约定俗成，一般一个网页只写一个h1。 重要程度从一到六一次降低，h1标签最重要，最便于引擎搜索，一般h1标签里写logo 所有h标签虽然是容器级，但是他们之前没有嵌套关系。 重要程度：从下面的代码及效果图就可以对比出重要程度 <b...
html设置span和h2在同一行,h2和span并列写好像没问题吧，又不会在同一行，为何不可？...
weixin_36397447的博客
06-23 1205
这些代码放在浏览器中解析肯定是没有问题的，但是呢 不优雅，不规范。可读性比较差，要知道代码不仅仅是给机器看的，也是给人看的。为什么 html 中使用 h1,h2 标签来表示标题，使用 p 标签来表示段落，就是为了让标签语义化，更加的容易理解，让不同的开发者看到这个标签时，都瞬间明白这个标签是什么功能。否则还要那么多标签干嘛？一个 div + css 能把所有事全干了，但是 html 里面标题是 d...
2021-05-30
weixin_52692828的博客
05-30 215
通过浏览学习网站，我解答了以下疑惑： 在浏览器预览效果，有些元素是独占一行的，其他元素不能跟这个元素位于同一行，如p、div、hr等。而有些元素不是独占一行的，其他元素可以跟这个元素位于同一行，如strong、em等。特别注意一下，这里所谓的“独占一行”，并不是在HTML代码里独占一行，而是在浏览器显示效果中独占一行。 注：标签，也叫“元素”，例如p标签又叫p元素。叫法不同，意思相同。 在HTML中，根据元素的表现形式，一般可以分为两类（暂时不考虑inline-block）。（1）块元素（block）（2）
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值