认识html

qq_44267288

于 2019-08-08 16:29:19 发布

阅读量218

点赞数

文章标签：认识html

本文链接：https://blog.csdn.net/qq_44267288/article/details/98874510

版权

通过上次学习我们了解了html和css，接下来我们开始学习html。

一，制作一个简单网页并分析

1，我们平时上网浏览的网页，其实都是有html标签组成的，下面是我临时制作的网页。
在这里插入图片描述

2，我们来看，天净沙：是网页的内容的标题，他的代码是<h1>天净沙</h1>,<h1></h1>是标题标签。
四句诗句是网页的段落，代码为:
<p>杨柳细风疆中境</p>
<p>思鹏往景怀中情</p>
<p>枕戈铁马身赴思</p>
<p>保家卫国信誓心</p>
其中<p></p>是段落标签。
而网页上两张图片，有img 标签来完成，他的网页代码为<img src="http://pic1.cxtuku.com/00/15/14/b456235b5796.jpg">,其中图片可
在网上任意查找，（我这里输入 图片.jpg，有些图片无法识别，所以直接搜某某.jpg）

3，网页中文章是处于中间的以及颜色等都在上一次中已经提到，所以我们将要限定得代码卸载head里面就行，
并表明其所装饰的是那部分，比如装饰标题，代码为：h1{ font-size: 12px; color: #980; text-align: center; }

4，一个简单网页就制作完成了，以下是制作的网页的源代码：

<!DOCTYPE html>
<html>
<head lang="en">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <title>认识html标签</title>
    <style type="text/css">
        h1{
            font-size: 12px;
            color: #980;
            text-align: center;
        }
        p{
            font-size: 12px;
           color: seagreen;
            text-align: center;
        }
    </style>
</head>
<body>
<h1>天净沙</h1>
<p>杨柳细风疆中境</p>
<p>思鹏往景怀中情</p>
<p>枕戈铁马身赴思</p>
<p>保家卫国信誓心</p>
<img src="http://pic1.cxtuku.com/00/15/14/b456235b5796.jpg">
<img src="http://pic1.cxtuku.com/00/15/14/b456235b5796.jpg">
</body>
</html>

喜欢的宝宝可以试试。