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