web开发——前端基础（1）—— 第一个网页的展示

四席城

已于 2022-12-28 20:56:41 修改

阅读量446

点赞数

文章标签： html css html5

于 2022-12-26 21:06:48 首次发布

本文链接：https://blog.csdn.net/m0_61506131/article/details/128449003

版权

HTML第一个网页的制作

首先先展示第一个网页的效果图，如下：

接下来上代码图：

<html>
        <head>
               <title>这是我第一个网页</title>
        </head>
        
        <body>

               <h1>回乡偶书（二首）</h1>
               <h2>其一 </h2>
               <h2>贺知章</h2>
               <p>少小离家老大回</p> 
               <p>乡音无改鬓毛衰</p> 
               <p>儿童相见不相识</p> 
               <p>笑问客从何处来</p>
         </body>
	

</html>

1.标签的关系。

<html></html>根标签（爷爷），<head></head>子标签（父亲），<body></body>子标签（儿子），类似于爷爷>父亲>儿子,三代的关系。

2.我把这一段的内容称为”诗“，诗是放在body处的，<body>诗</body>，这样方便与理解。

h1是一级标签，用<h1></h1>被浏览器识别为”一级标题“。
例子：<h1> 回乡偶书（二首）</h1>

h2是二级标签，用<h2></h2>来表示。
例子：<h2>其一 </h2>
<h2>贺知章</h2>

p是段落，用<p></p>。
例子：<p>少小离家老大回</p>
<p>乡音无改鬓毛衰</p>
<p>儿童相见不相识</p>
<p>笑问客从何处来</p>

3.下面把整个代码段以我觉得用以理解的方式给大家捋一捋，先是写根标签（爷爷）

<html></html>

然后在加上子标签（父亲）

<html><head></head></html>

接下来加上子标签（儿子）

<html><head></head><body></body></html>

在接下来呢，在body处加上”诗“，<body>诗</body>，这这样写。

<html>
        <head></head>
        
        <body>

               <h1>回乡偶书（二首）</h1>
               <h2>其一 </h2>
               <h2>贺知章</h2>
               <p>少小离家老大回</p> 
               <p>乡音无改鬓毛衰</p> 
               <p>儿童相见不相识</p> 
               <p>笑问客从何处来</p>
         </body>
	

</html>

在最后再把title处加上”这是我第一个网页“，<title>这是我第一个网页</title>。

整个网页的编写就完成了。这是我学完第一篇html知识之后，通过自己的消化，来给大家讲解，如有说不好的地方，大家请谅解，接下来，我会争取，每天学完之后消化在来讲解html的知识，如有帮助到大家请帮忙点个关注和点个赞，谢谢了。