【Web——HTML 初阶】网页设计标题

44,191次阅读
没有评论

共计 928 个字符,预计需要花费 3 分钟才能阅读完成。

♥HTML(HyperText Markup Language,超文本标记语言)是构建网页和 Web 应用的基础语言之一。它不是一种编程语言,而是一种标记语言,用于描述网页的结构和内容。HTML 使用标签(tags)来标记不同类型的元素,如标题、段落、链接、图像等,并通过这些标签来控制网页的显示方式。

目录

标题标签

标头标签

段落标签

换行标签

文本格式化标签

加粗标签

斜体标签

下划线标签

删除线标签




标题标签

标头标签

标题分为 h1-h6 六级标题 h1 是最大的 h6 是最小的

h1 和 h2 之间的间距最大 h6 和 h5 之间的间距最小

⭐标题的基本格式

标题名称




    
    
    Vscode 第一个网页文件


一级标题

二级标题

三级标题

四级标题

五级标题
六级标题

我们来看一下运行效果

【Web——HTML 初阶】网页设计标题

一级标题是字号最大的同样也是最重要的,逐渐递减至六级标题


段落标签

段落和段落之间有一定的空间用来区分不同的段落

⭐段落标签:

段落标签内容

注意❗❗

空格的使用

段落的分段

通过段落标签我们不难发现,在我们使用的过程中会存在内容很难通过空格来把控两个文字之间的距离,文字表述有些抽象,我们来通过实际例子来说明。

【Web——HTML 初阶】网页设计标题




    
    
    Vscode 第一个网页文件


你好!程序员

【Web——HTML 初阶】网页设计标题

在代码中我们将内容“你好!程序员”你好!程序员中敲制了多个空格,但是显示出来的内容和代码之间相差很多

这里就向我们说明在 HTML 中,计算机不能识别多空格


同样的我们来观察:

【Web——HTML 初阶】网页设计标题

 【Web——HTML 初阶】网页设计标题

 在代码视窗中,我们对两段文字进行了看似换行的处理,但实际输出时,却没有实现所想要得到的内容,在操作中我们因将各个段落的内容分开,放在不同的段落标签之间

【Web——HTML 初阶】网页设计标题

【Web——HTML 初阶】网页设计标题

不同的段落之间通过

实现了明显的分行操作


换行标签

通过上一个板块的段落标签我们知道了,空格再多难以被识别。换行标签主要用于在文本中插入换行符,从而改变文本的布局。

【Web——HTML 初阶】网页设计标题

【Web——HTML 初阶】网页设计标题



文本格式化标签

对文字进行的处理,文字格式化标签用于改变文本的显示方式,文字的外观、样式和布局。使用简单的标记来控制文本的字体、大小、颜色、加粗、斜体、下划线等属性。

加粗标签

⭐加粗标签:

这是一个 加粗 的文本。

【Web——HTML 初阶】网页设计标题

【Web——HTML 初阶】网页设计标题

斜体标签

⭐斜体标签:

这是一个 斜体 的文本。

下划线标签

⭐下划线标签:

这是一个 下划线 的文本。

删除线标签

⭐删除线标签:

这是一段文本,下面的单词 删除 这个单词被删除了。



原文地址: 【Web——HTML 初阶】网页设计标题

    正文完
     0
    Yojack
    版权声明:本篇文章由 Yojack 于2024-10-23发表,共计928字。
    转载说明:
    1 本网站名称:优杰开发笔记
    2 本站永久网址:https://yojack.cn
    3 本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长进行删除处理。
    4 本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
    5 本站所有内容均可转载及分享, 但请注明出处
    6 我们始终尊重原创作者的版权,所有文章在发布时,均尽可能注明出处与作者。
    7 站长邮箱:laylwenl@gmail.com
    评论(没有评论)