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的知识，如有帮助到大家请帮忙点个关注和点个赞，谢谢了。

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

web开发-前端作业-做一个简单网页
一.设计思路与主题设计思路:一直在跟pink老师学前端,有次表单练习是关于相亲网站的,于是突发奇想,打算把这个东西完善一下,再玩个谐音梗"珍禽网"--真情网~(顺便交个作业)主要 ...
web开发—— 前端基础（6） ——语义化标签
在网页中HTML专门用来负责网页的结构,在使用html标签时,应该关注标签的语法,而不是它的样式! 首先:标题标签有6级,h1~h6,h1时一级标题,h6是6级标题,h1最重要,h6最不重要. 一般情 ...
web开发——前端基础（2）—— HTML属性的设置
今天来说说HTML的"属性",在标签中(开始标签或结束标签)还可以设置属性. 怎么在一个简单的网站里添加字体的颜色.字体的大小以及图片. 话不多说,先上效果图: 在<body ...
web开发——前端基础（3）—— HTML字符编码
今天我们说一说HTML的字符编码. 字符编码: 编码 - 将字符转换为二进制的过程为编码. 解码 - 将二进制转换为字符的过程为解码. 例子 : 周杰伦 -> 110000110110 ...
前端入门前端自学路线 web开发前端如何学习
本文介绍前端入门之路,以及之后对前端应该怎么学,大概学哪些东西.作者在前端.后端入门的时候,花了大量时间到CSDN.知乎.百度上去找资料,但是有的说的不是太复杂, 就是一句话带过,那个时候很苦恼.现在 ...
前端基础知识第一章---HTML
前言 ❤️ 天空黑暗到一定程度,星辰就会熠熠生辉 ❤️ 前端基础知识第一章---HTML 一.HTML 简介 (1)网页 1.1 什么是网页 1.2 什么是 HTML (2)常用浏览器 2.1 常用的 ...
JSP WEB开发入门基础到高手进阶教程002
JSP WEB开发入门基础到高手进阶教程 -------开发入门 JSP与微软的Active Server Pages 兼容,但它是使用类似HTML的卷标以及Java程序代码段而不是VBScript. ...
Dreamwerver开发环境及创建第一个网页
Dreamwerver开发环境及创建第一个网页一.实验名称: 二.实验日期: 三.实验目的: 四.实验内容: 五.实验步骤: 六.实验结果: 七.源程序: 八.心得体会: 一.实验名称: Dream ...
WEB开发零基础到入门之HTML+CSS(学习记录)
序言之前一直想把自己的一个学习记录,以文章形式记录下来,方便于自己后期查找和温故.自己想了想准备建个人博客站来做记录,但是又想到了csdn的大家庭:所以就放弃了用个人站记录的想法,关于这里简单说明下 ...

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