HTML5+CSS前端开发[保姆级教学]+基本文本控制标签介绍

引入:Hello,各位编程猿们!前几篇文章介绍了软件的安装以及编写新闻文章的代码初体验,这一篇我们来巩固一些这些知识点,复习一下基本文本控制标签!!!

知识点一:基本文本控制标签

HTMl的文本控制主要用于格式化文本的显示,常用的文本控制标签有标题标签、段落标签、换行标签、文本格式化标签、特殊字符等。本节主要详细介绍常用的文本控制标签。

(1)标题标签

标题是通过<h1>~<h6>等标签进行定义的,它们呈现了6个不同级别的标签,<h6>级别最高,而<h6>级别最低

语法格式:

<hn>标题字</hn>

其中n表示标题的级别,取值为1~6

代码演示:

  • 以上就是运行效果,级别越高的标题标签,其字体越粗,字号越大。此外,浏览器会自动地在标题的前后添加空行。

(2)段落标签

段落是通过<p>标签定义的

语法格式:

<p>段落</p>

代码演示:

(3)换行标签

换行标签是单标签,可以在不产生新段落的情况下进行换行。

语法格式:

<br/>

代码演示:

好啦!这期的内容我们就讲到这里,快来动手试试吧!!!下一期会给大家讲解图像标签让我们的文档变得更加生动活泼,如果你喜欢这篇文章,不要忘记点赞收藏加关注哦!!!

相关推荐
我命由我123457 小时前
Git 推送报错:error: src refspec main does not match any
运维·git·gitee·github·运维开发·学习方法·版本控制
IT_陈寒8 小时前
Vue的响应式让我熬到凌晨三点,原来漏了这个小细节
前端·人工智能·后端
Blanche15008 小时前
利用 RAG 为答疑机器人扩展知识范围
前端
天若有情6738 小时前
【纯前端小工具】公历生日转农历,批量查询每年农历生日对应的公历日期(GitHub Pages在线直接用)
前端·javascript·github pages·农历转换·lunisolar·网页小工具
SoonITer8 小时前
怎样构建一个 Agent-friendly 的网站
前端·agent
颜进强8 小时前
01 · NestJS 是什么:用途、解决什么问题、与热门框架对比
前端·后端·ai编程
wendZzoo8 小时前
前端工程师的 3D 第一课:一个模型如何进入网页
前端
颜进强9 小时前
04 · NestJS 依赖注入:你在 `@Module` 写的 providers,和构造参数里那个类型,是怎么"对上"的?
前端·后端·ai编程
肆仲冬9 小时前
不用框架,用 TypeScript 从零搭一个 Agent 框架
前端
林语琛9 小时前
我写的 switch…break 被 Babel 偷偷吞了
前端·javascript·babel