HTML的标题,段落和换行标签

这篇具有很好参考价值的文章主要介绍了HTML的标题,段落和换行标签。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

文章目录

  • 一、标题标签简介及代码
  • 二、段落标签简介及代码
  • 三、换行标签简介及代码
  • 总结

 文章来源地址https://www.toymoban.com/news/detail-443397.html


提示:以下是本篇文章正文内容,下面案例可供参考

一、标题标签简介及代码

1.标题标签简介

标题标签分为六级:<1>~<6>,其字号的大小逐级递减。

标题标签的特点:(1)加了标题标签的文字将会加大加粗;(2)一个标签独占一行。  

2. 代码如下(示例):

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

</head>

<body>

    <h1>标题一共六级选</h1>

    <h2>文字加粗一行显</h2>

    <h3>由大到小依次减</h3>

    <h4>从重到轻随之变</h4>

    <h5>语法规范书写后</h5>

    <h6>具体效果刷新见</h6>

</body>

</html>

3. 页面展示

HTML的标题,段落和换行标签

二、段落标签简介及代码

1. 段落标签简介

<p> 为段落标签。段落标签里面可以嵌套其他的html标签。

2. 代码如下(示例):

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

</head>

<body>

    <p>她26岁的女儿,梅尔与她的前任,62岁的安东尼奥·班德拉斯(Antonio Banderas)分享,与她的妈妈在一起的那一天看起来非常时尚。Stella 将她的黑色牛仔裤与无袖白色吊带背心上衣和黑色露趾凉鞋搭配在一起。黑发美女也与梅兰妮的发型结为一体,因为她也戴着她的锁,前面有刘海。值得注意的是,梅尔在西班牙出生的女儿戴着棕色太阳镜,戴在鼻梁上。最后,Stella 用一条潮流的金项链完成了她别致的服装.</p>

 

    <p>梅兰妮与斯特拉的一天是在她参加杰米·李·柯蒂斯的新电影《万圣节尽头》于10月13日首映一周后。这位65岁的老人在Instagram上分享了她给杰米脸颊一个大大吻的甜蜜快“@jamieleecurtis我太爱这个女人了!我们分享的悠久的爱的历史!恭喜杰米!!”,梅兰妮为帖子加了标题。在照片中,两位标志性的明星穿着连体裤看起来很时髦,杰米穿着白色的单色外观,而梅兰妮则选择了灰色格子西装。</p>

</body>

</html>

3. 页面展示

 

HTML的标题,段落和换行标签

 

三、换行标签简介及代码

1. 换行标签简介

在HTML标签中还有一种比较常用的标签就是换行标签:<br />

2. 代码如下(示例):

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

</head>

<body>

    她26岁的女儿,梅尔与她的前任,62岁的安东尼奥·班德拉斯(Antonio Banderas)分享,与她的妈妈在一起的那一天看起来非常时尚。<br/> Stella 将她的黑色牛仔裤与无袖白色吊带背心上衣和黑色露趾凉鞋搭配在一起。<br/>黑发美女也与梅兰妮的发型结为一体,因为她也戴着她的锁,前面有刘海。 <br/>值得注意的是,梅尔在西班牙出生的女儿戴着棕色太阳镜,戴在鼻梁上。最后,Stella 用一条潮流的金项链完成了她别致的服装.

</body>

</html>

3. 页面展示

HTML的标题,段落和换行标签


 

 

总结

其中需要注意的是在HTML标签中标题标签和段落标签都是双标签,而换行标签为单标签。例如:<h1>我是一个标题标签</h1>     <p>我是一个段落标签</p>      我是换行标签<br/>。

 

 

到了这里,关于HTML的标题,段落和换行标签的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • HTML的段落中怎么样显示出标签要使用的尖括号<>?

    很简单: 符号 用 lt; 替代; 符号 用 gt; 替代。 示例代码如下: 运行效果如下:

    2024年02月09日
    浏览(69)
  • html a标签换行显示

    可以使用CSS的display属性来实现多个a标签每行显示一个。 HTML代码: CSS代码: 这样,每个a标签都会被显示为一个块级元素,从而每个a标签都会独占一行。 如果不使用CSS,可以使用 br 标签在每个 a 标签后面插入一个换行符。 HTML代码: 这样,每个 a 标签后面都会有一个换行符

    2024年02月16日
    浏览(35)
  • [HTML]Web前端开发技术16(HTML5、CSS3、JavaScript )表格课后练习网页标题:域标签的使用网页标题:美家装饰联系我们网页标题:登录界面网页标题问卷调查——喵喵画网页

    希望你开心,希望你健康,希望你幸福,希望你点赞! 最后的最后,关注喵,关注喵,关注喵,佬佬会看到更多有趣的博客哦!!! 喵喵喵,你对我真的很重要! 目录 前言 表格课后练习 网页标题:域标签的使用 网页标题:美家装饰联系我们 网页标题:登录界面 网页标题

    2024年01月24日
    浏览(44)
  • Wordhero AI智能写作工具:购买、攻略、资源 -揭秘如何根据关键词和标题生成段落

    Wordhero AI是我经过仔细对比,实际应用之后获得相应效果之后,坚持使用的AI写作工具。为了持续获得这方面的提升和反馈,我建立了两个渠道去让自己不断获得国内外同样工具使用者的反馈和建议: AI Content Hacker - AI Writing Guide 网站 AI Content Hacker - AI Writing Guide 油管频道 具体

    2024年02月11日
    浏览(83)
  • 【python-docx】文本操作(段落、run、标题、首行缩进、段前段后、多倍行距、对齐方式)

    1.概念 块级元素(block-level) 是指作为一个整体的元素,典型的是段落(paragraph)。 行内元素(inline) ,你可以把它理解为一部分块级元素,即一个块级元素包含一个或多个行内元素,典型的是run对象(我也不知道run应该翻译成什么)。 举个例子,你在Word回车换行开始输入

    2024年02月11日
    浏览(43)
  • 100天精通Python丨办公效率篇 —— 12、Python自动化操作 office-word(word转pdf、转docx、段落、表格、标题、页面、格式)

    本文收录于 《100天精通Python专栏 - 快速入门到黑科技》专栏 ,是由 CSDN 内容合伙人丨全站排名 Top 4 的硬核博主 不吃西红柿 倾力打造。 基础知识篇以理论知识为主 ,旨在帮助没有语言基础的小伙伴,学习我整理成体系的精华知识,快速入门构建起知识框架; 黑科技应用篇

    2023年04月18日
    浏览(51)
  • 块级标签不自动换行的解决方式

    关键点: 任何固定了长度的块级元素里,长单词和长数字不自动换行,中文字符会自动换行 效果如下:https://codepen.io/xiao_5/pen/oNQZOpZ 解决方案:给块级元素添加 word-wrap:break-word; 或 word-break: break-all; 样式。 扩展知识点: CSS属性 word-break , 用于控制文本在换行时的断字规则

    2024年02月11日
    浏览(44)
  • 解决VScode保存,标签属性自动换行问题

    每次保存文件时,VScode会自动格式化文档,但是标签中的属性都会被强制换行,对于强迫症的我来说,神烦,尝试了N种方法后,终于知道了最完美的解决办法,可以愉快地Ctrl+s啦~  点击VScode左下角管理,找到设置,如下如所示,点击 settings.json 并编辑。

    2024年02月11日
    浏览(39)
  • Dede5.7文章图片alt自动调用文章标题的方法

    在网站中图片有alt无论是对网站还是对搜索引擎都是有好处的,之前给也大家介绍过,但是想要alt自动调用文章标题还要再做调整。   找到 Include/ arc.archives.class.php 后面加上如下代码:   //替换文章BODY Alt为文档标题    以上就是关于DedeCMS5.7文章图片alt自动调用文章标题的修

    2024年02月03日
    浏览(41)
  • 解决 Blazor 中因标签换行导致的行内元素空隙问题

    实践过不同前端框架的朋友应该都知道,对于同一个样式,在不同框架上的表现都会有不同,时时需要做“适配”,在 Blazor 上也不例外。在做 Ant Design Blazor 时就深有体会,因为我们是同步官方的样式,他们的样式只考虑了React 上的实现,除非有人专门提 PR,否则都不会特别

    2024年02月14日
    浏览(38)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包