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

打印 上一主题 下一主题

主题 1773|帖子 1773|积分 5319

HTML(HyperText Markup Language,超文本标记语言)是构建网页和Web应用的基础语言之一。它不是一种编程语言,而是一种标记语言,用于描述网页的结构和内容。HTML使用标签(tags)来标记差别类型的元素,如标题、段落、链接、图像等,并通过这些标签来控制网页的显示方式。
  目次
标题标签
标头标签
段落标签
换行标签
文本格式化标签
加粗标签
斜体标签
下划线标签
删除线标签



标题标签

标头标签

标题分为h1-h6 六级标题 h1是最大的 h6是最小的
h1和h2之间的间距最大 h6和h5之间的间距最小
   标题的基本格式
  标题名称

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.     <title>Vscode第一个网页文件</title>
  7. </head>
  8. <body>
  9. <h1>一级标题</h1>
  10. <h2>二级标题</h2>
  11. <h3>三级标题</h3>
  12. <h4>四级标题</h4>
  13. <h5>五级标题</h5>
  14. <h6>六级标题</h6>
  15. </body>
  16. </html>
复制代码
我们来看一下运行效果

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

段落标签

段落和段落之间有一定的空间用来区分差别的段落
   段落标签:
  段落标签内容
  留意
  空格的使用
  段落的分段
  通过段落标签我们不难发现,在我们使用的过程中会存在内容很难通过空格来把控两个笔墨之间的距离,笔墨表述有些抽象,我们来通过实际例子来说明。

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.     <title>Vscode第一个网页文件</title>
  7. </head>
  8. <body>
  9. <p> 你好!                      程序员</p>
  10. </body>
  11. </html>
复制代码

在代码中我们将内容“你好! 程序员”你好!程序员中敲制了多个空格,但是显示出来的内容和代码之间相差很多
这里就向我们说明在HTML中,计算机不能辨认多空格

同样的我们来观察:


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


差别的段落之间通过

实现了明显的分行操作
换行标签

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




文本格式化标签

对笔墨进行的处置惩罚,笔墨格式化标签用于改变文本的显示方式,笔墨的外观、样式和结构。使用简单的标记来控制文本的字体、巨细、颜色、加粗、斜体、下划线等属性。
加粗标签

   加粗标签:
  这是一个加粗的文本。
  


斜体标签

   斜体标签:
  这是一个斜体的文本。
  下划线标签

   下划线标签:
  这是一个下划线的文本。
  删除线标签

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


免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
回复

使用道具 举报

0 个回复

倒序浏览

快速回复

您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

写过一篇

论坛元老
这个人很懒什么都没写!
快速回复 返回顶部 返回列表