HTML标签+添加＜h2＞标签+添加换行+添加＜p＞标签

已于 2022-12-07 23:41:05 修改
阅读量1.4k 收藏 2
点赞数 1
分类专栏： 前端w3cschool学习记录 文章标签： html
于 2022-12-07 22:57:28 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_46179193/article/details/128225420
版权

1. 什么是HTML？HTML标签的英文是？
2. 什么是HTML标签？
3. 什么是HTML元素？
4. 标签都是成对出现的？
5. HTML标题通过什么标签来定义？h1元素常用于？h2元素常用于？
6. HTML 中使用​什么标签换行？
自己先回答，答不上来往下翻

你不会吗？
你不会吗？
你不会吗？
你不会吗？
你不会吗？
你不会吗？
你不会吗？
你不会吗？
你不会吗？
你不会吗？
你不会吗？
看完就会了吗？你完整的口述一遍试试？
看完就会了吗？你完整的口述一遍试试？
看完就会了吗？你完整的口述一遍试试？
看完就会了吗？你完整的口述一遍试试？
过目不忘？
过目不忘？
过目不忘？

（1）HTML 是英文 Hyper Text Markup Language（超文本标记语言）的缩写，是一种用于创建网页的标准标记语言。
（2）
HTML 文档和 HTML 元素是通过 HTML 标签进行标记的HTML 标签是由尖括号包围的关键词，比如 <html>。

HTML 标签通常是成对出现的，比如 <b> 和 </b>。标签对中的第一个标签是开始标签，第二个标签是结束标签。开始和结束标签也被称为起始标签和闭合标签。

（3）左侧代码编辑器中看到的<h1>Hello</h1>是一个HTML元素。
<h1>​ 为起始标签, ​Hello为元素内容, ​</h1>​ 为闭合标签。
（4）某些 HTML 元素没有结束标签，比如 <br />
（5）HTML 标题是通过 ​<h1> - <h6>​ 等标签进行定义的。h1 元素通常用于主标题，而 h2 元素通常用于副标题。还有 h3，h4，h5 和 h6 元素分别表示不同级别的标题。
（6）HTML 中使用​<br>​ 标签换行。<br> 没有结束标签。
提示：在写地址信息或者写诗词时 <br> 标签非常有用。
注释： 请使用 <br> 标签来输入空行，​而不是分割段落​。

添加换行

代码实例：

<p>
回车换行方式 第一行
第二行
第三行
第四行
</p>
<p>
br 换行方式 第一行<br>第二行<br>第三行
<br>
第四行
</p>

运行结果：
在这里插入图片描述

添加<p>标签

p是“paragraph”的缩写。<p>标签定义段落。

p 元素会自动在其前后创建一些空白。浏览器会自动添加这些空间。
代码示例：

<p>这是段落。</p>
<p>这是段落。</p>
<p>这是段落。</p>

运行结果：
在这里插入图片描述

菜鸟鸭
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
第1关：初识HTML：简单的Hello World网页制作
weixin_45784564的博客
05-21 3907
任务描述 本关的任务是编写一个简单的HTML页面，这个网页包含一个标题和一个段落。显示效果如下： 编程要求 请在右侧的编辑器中的Begin - End区域内直接编辑修改HTML页面，具体要求是： 在<h1></h1>标签之间输入”Hello World”； 在<p></p>标签之间输入”动手改变世界”； 在<h1>和<p>元素的开始标签中输入align="center"； 再在<body>开始标签中输入bgcolor="F
HTML基础标签：标题标签、段落标签、换行标签、文本格式化标签、图片标签、路径、链接标签、文本格式化标签、引文, 引用, 及标签定义、注释、特殊字符
Echo_bx的博客
05-10 4285
​ 1.外部链接: 例如 < a href=“http:// www.baidu.com “> 百度。​ 5.网页元素链接: 在网页中的各种网页元素，如文本、图像、表格、音频、视频等都可以添加超链接.1. < div> 标签用来布局，但是一行只能放一个< div> //大盒子，块元素。2. < span> 标签用来布局，一行上可以多个 < span>//小盒子，行元素。​ 2.内部链接:网站内部页面之间的相互链接. 直接链接内部页面名称即可，标签用于定义 HTML 页面中的图像。
HTML常用标签之标题、段落、换行和水平线标签
最新发布
weixin_45604020的博客
06-19 877
文字汇总了html常用的标签，分析了各类标签的使用特点，并演示代码给出运行截图，让读者更容易阅读理解。
html新增标签
weixin_73755593的博客
02-24 460
笔记
div,p,h1,h2...h6自动换行
Top5软件工程硕士，先后在京东、字节从事多年Java后端开发、实时和离线大数据开发
06-08 4582
&lt;body&gt; &lt;p&gt;This is a &lt;u&gt;parragraph&lt;/u&gt;.&lt;/p&gt; 自动换行测试 自动换行测试 &lt;h1&gt;H1&lt;/h1&gt; &lt;h2&gt;H2&lt;/h2&gt; 自动换行测试 自动换行测试 &lt;h6&gt;H6&lt
HTML常用格式标签_动力节点Java学院整理
09-28
相比之下，`<p>`标签作为块级元素，其前后会自动添加换行，形成段落间的空白。`<nobr>`标签则用于阻止内容自动换行，常用于代码展示。 示例： ``` <p>这是第一段<br />换行示例</p> <p>这是第二段</p> <p>...
HTML静态页面的标签
08-01
11. 换行标签：<br/>，用于添加换行符号。 在使用 HTML 静态页面的标签时，需要遵守以下基本规范： 1. 标签名和属性名必须小写。 2. HTML 标签必须关闭。 3. 属性值必须用引号括起来。 4. 标签必须正确嵌套。 ...
HTML5文本控制标签案例.pdf
07-11
每个`<p>`标签都包含了一段独立的文字，浏览器会自动在段落前后添加一定的空白间距。例如： ``` <p>　小草偷偷地从土里钻出来，嫩嫩的，绿绿的...</p> ``` 这样的布局使得文本更易于阅读和理解。 3. **标题标签...
HTML常用的标签及使用总结..docx
10-05
<p><strong>粗体文本</strong>, 斜体文本, <u>下划线文本</u>, <del>删除线文本</del></p> ``` 6. **HTML超链接**：`<a>`标签创建超链接，`href`属性指定链接地址，`target`属性定义链接在何处打开（例如`_...
html 详细课堂笔记html 详细课堂笔记
08-05
（5）添加文本标签，包括<h1>、<h2>、<h3>、<h4>、<h5>、<h6>等。 （6）添加标题标签，包括<h1>、<h2>、<h3>、<h4>、<h5>、<h6>等。 （7）添加列表标签，包括<ul>、<ol>、<li>等。 （8）保存文件，并在浏览器中...
html怎样让两个h2语句显示在同一行,两个div的同一行（在箭头形父格）与文本在一个DIV得到基于第二个div...
weixin_42355256的博客
06-22 1160
基于以前的和相关的问题，你可以尝试以下。修改你的HTML如下：huh-fjiuetie8.123456有两个部分的CSS：body {margin: 0;} /* Note: learn about reset style sheets... *//* The following takes care of the shadow/coloring/arrow styling */.Right {p...
HTML5 入门小样例 之 h 和 p
weixin_45063703的博客
06-21 229
前言 最近突然接触到了HTML 5，那就简单学习一下吧。 参考视频： 1.黑马程序员5天软件测试从入门到精通_软件测试基础教程 1. 新建first.html文件，输入代码 # <!doctype> 声明必须位于 HTML5 文档中的第一行,使用非常简单，如果没有特别指出是哪个版本，默认是H5 <!DOCTYPE html> <html> # 整个html文件 <head> <meta charset="UTF-8"> # 字符编码格
html设置span和h2在同一行,h2和span并列写好像没问题吧，又不会在同一行，为何不可？...
weixin_36397447的博客
06-23 1135
这些代码放在浏览器中解析肯定是没有问题的，但是呢 不优雅，不规范。可读性比较差，要知道代码不仅仅是给机器看的，也是给人看的。为什么 html 中使用 h1,h2 标签来表示标题，使用 p 标签来表示段落，就是为了让标签语义化，更加的容易理解，让不同的开发者看到这个标签时，都瞬间明白这个标签是什么功能。否则还要那么多标签干嘛？一个 div + css 能把所有事全干了，但是 html 里面标题是 d...
HTML常用标签
weixin_69761220的博客
05-05 320
html常用标签
HTML与CSS--------p标签
qq_41214595的博客
07-16 7686
 在 html 语言中，&lt;p&gt;被定义为段落标记，文档中任何适用于段落的地方，都可以出现p标签，例如文档的主体、列表、表格等元素中。 p标签是一个块级元素，可CSS规定宽、高属性，代码﹤p style="width:宽度值; height:高度值"﹥。 每当创建一个 p 元素，浏览器均会在段落前后添加空行。 若使用了p标签来包含段落，而没有为其设定CSS属性，那么浏览时仅仅是新起了...
（初识前端） html标签
m0_62697897的博客
09-10 330
5>ol>li标签：有序列表 :取消标签样式。p标签：段落标签 例：p*5：批量创建段落标签 p{$}*5:给创建的段落标记序号。h1-h6标签：标题标签 （注意：h1标签一般在一个网页只有一个）src：用来放置图片的地址（相对地址，网络地址，绝对地址）；div标签：没有任何意义，一般用来划分区域；a标签：超链接标签，用来跳转网页;
H5基本开发2——（HTML常见标签）
m0_59749255的博客
11-18 1529
header定义页面的或区域的头部nav定义导航链接article定义文章的内容section定义网页中的一个区块，例如章节、页眉、页脚等aside定义网页页面部分的侧边栏footer定义网页的尾部HTML标题Heading是通过-等标签进行定义的标签只用于标题。不要仅仅是为了生成粗体或大号的文本而使用标题块级元素但是这里会涉及搜索引擎的优化和推广的问题，一般建议一个html文档中只有1个h1，3个左右的h2HTML段落是通过。
如何使用Python优雅地去除HTML中的换行回车等控制字符
码农1479的博客
02-23 2613
网页数据的预处理是非常复杂的问题，幸运的是，已经有很多开源软件能够很好地处理这些问题了，比如用unicodedata解决去除网页的各种换行和空格问题。
html补充标签
敦煌壁画的博客
10-21 93
html补充标签1 h系列标签：标题标签，默认加粗 h系列标签有h1 h2 h3 h4 h5 h6 ，h1标签有且只有一个。 p标签：段落标签，空一行又一个 strong标签：用于加粗文本 a标签：超链接，双标签 a href=“ ” 里面内容填写需要跳转的链接 img标签：图片标签，单标签 <img scr="" alt=""> scr=“图片路径” alt=”提示文字“ body标签：身体标签，用来展示内容的地方 div标签：容器标签，用来划分内容，可以定义图片的形状 s
html += '<div>'; html += '<h2>' + articles[i].title + '</h2>'; html += '<p>' + articles[i].content + '</p>'; html += '</div>'; 这段是什么意思
06-08
这段代码是在循环遍历 articles 数组中的每一篇文章信息的过程中，根据每篇文章的标题和内容生成相应的 HTML 代码，并将这些代码添加到前面初始化的空字符串 html 中。具体解释如下： - `html += '<div>';`：在 html 字符串的末尾添加一个 div 标签。 - `html += '<h2>' + articles[i].title + '</h2>';`：在 div 标签内添加一个 h2 标签，用于显示文章的标题。其中，articles[i].title 表示第 i 篇文章的标题。 - `html += '<p>' + articles[i].content + '</p>';`：在 div 标签内添加一个 p 标签，用于显示文章的内容或摘要。其中，articles[i].content 表示第 i 篇文章的内容或摘要。 - `html += '</div>';`：在 div 标签的末尾添加闭合标签。 通过这些操作，可以将每篇文章的标题和内容以特定的 HTML 格式添加到 html 字符串中，最终生成一个包含所有文章信息的 HTML 代码。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值