HTML——基本知识与P标签的简单显示

valiant小东

已于 2022-07-24 11:40:27 修改

阅读量1k

点赞数 5

分类专栏： HTML 文章标签： html 前端

于 2022-06-23 18:00:45 首次发布

本文链接：https://blog.csdn.net/qq_51869518/article/details/125430936

版权

HTML 专栏收录该内容

6 篇文章 1 订阅

订阅专栏

大家好，我是一个学习html的小白，会在这里发布一些自己在学习前端过程中的一些小作品和一些知识的分享。如果说的有什么不对的地方或者代码部分有什么不足的部分。希望各位能够不吝赐教，我会虚心接纳各位的建议。

蒂姆·伯纳斯·李(Tim Berners-Lee)

他是万维网的创始人，完成了世界上第一个网站，创立了万维网(w3c)联盟。而www(万维网)运行设计三个重要的概念：统一资源定位器(URL)、超文本传输协议(HTTP)和超文本标签语言(HTML)。

HTML(Hyper Text Markup Language)全称超文本标记语言，是一种标记语言。顾名思义就是由一系列标签语言来显示文本所不能显示的文字、图形、音频、表格、链接等。其余有关HTML发展历程和历史此处不做过多介绍，有兴趣的朋友们可以动手查阅相关资料去了解。

以下为HTML主体部分；

<!-- 其主要组成部分为头部（head）和身体（body）部分 -->
<html>
  <head>
    <!-- 定义标题、样式等，头部信息不显示在网页上 -->
  </head>
  <body>
    <!-- 定义段落、标题字、超链接、脚本、表格、表单等元素，主体内容是网页要显示的信息。 -->
  </body>    
</html>

在此基础上添加文档类型声明<!doctype>和头部区域标签后；

<!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>
    
</body>
</html>

以上就是编写html文件的基本形式，然后就使用各种不同的标签来在body部分添加自己所需要的元素。

以双标签<p></p>(定义段落标签)为例，做一个简单的文字显示网页；

<!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>登科后</title>
</head>
<body>
    <p>登科后</p>
    <p>孟郊</p>
    <p>昔日龌龊不足夸，今朝放荡思无涯。</p>
    <p>春风得意马蹄疾，一日看尽长安花。</p>
</body>
</html>

在chrome浏览器上的显示效果如下；

到此为止，就完成了一个简单的文字显示的网页了！

有什么问题欢迎大家评论区指出。希望能与大家一起进步！

valiant小东

关注

5
点赞
踩
2

收藏

觉得还不错? 一键收藏
打赏
2
评论
HTML——基本知识与P标签的简单显示

大家好，我是一个学习html的小白，会在这里发布一些自己在学习前端过程中的一些小作品和一些知识的分享。如果说的有什么不对的地方或者代码部分有什么不足的部分。希望各位能够不吝赐教，我会虚心接纳各位的建议。蒂姆·伯纳斯·李(Tim Berners-Lee)他是万维网的创始人，完成了世界上第一个网站，创立了万维网(w3c)联盟。而www(万维网)运行设计三个重要的概念：统一资源定位器(URL)、超文本传输协议(HTTP)和超文本标签语言(HTML)。.........
复制链接

扫一扫