(2)p标签
p 标签是文本标签,现在我们来编写一段含有p标签的html文本,然后运行了看看p标签的样式具体操作如下:
1. <!DOCTYPEhtml>
2. <html>
3. <head>
4. <title>HTML基础教程</title>
5. <metacharset="utf-8"/>
6. </head>
7. <body>
8.
9. <h4>标题一</h4>
10. <p>我是段落1</p>
11.
12. <h4>标题二</h4>
13. <p>我是段落2</p>
14.
15. </body>
16. </html>
(3)a标签
a标签是超链接标签,点击a标签可以跳转到其设置的网站,具体示列如下:
1. <!DOCTYPEhtml>
2. <html>
3. <head>
4. <title>HTML基础教程</title>
5. <metacharset="utf-8"/>
6. </head>
7. <body>
8. <div>
9. <ahref="http://www.baidu.com">点我跳转到百度页面</a>
10. </div>
11.
12. <div>
13. <ahref="http://www.qq.com">点我跳转到腾讯页面</a>
14. </div>
15.
16. </body>
17. </html>
(4)div标签
div标签是一个块级元素,它可用于组合其他 HTML 元素的容器。可以把div看成一个盒子,我们可以为这个盒子设置各种各样属性(如高度、宽度、颜色等),下面我们编写一个div标签并设置其长为300px,宽度为200px,同时给其一个背景颜色,具体如下:
1. <!DOCTYPEhtml>
2. <html>
3. <head>
4. <title>HTML基础教程</title>
5. <metacharset="utf-8"/>
6. </head>
7. <body>
8.
9. <divstyle="width:200px;height:300px;background:#2eabff">我是div元素</div>
10.
11. </body>
12. </html>
(5)列表标签
列表作为网页设计的重要内容之一,能够用来制作导航栏和新闻列表等。HTML 列表分为:有序列表(ol),无序列表(ul)以及自定义列表(dl)
1)有序列表ul
有序列表的顺序是有序的,默认情况下会以数字来排列,但也可以通过设置其type属性以大写字母、小写字母、大写罗马数字、小写罗马数字来排列,我们现在来写一个示列,具体如下:
1. <!DOCTYPEhtml>
2. <html>
3. <head>
4. <title>HTML基础教程</title>
5. <metacharset="utf-8"/>
6. </head>
7. <body>
8.
9. <!--有序列表,以默认方式数字排列-->
10. <p>有序列表默认方式数字排列</p>
11. <ol>
12. <li>列表1</li>
13. <li>列表2</li>
14. <li>列表3</li>
15. </ol>
16.
17. <!--有序列表,以大写字母排列-->
18. <p>有序列表大写字母排列</p>
19. <oltype="A">
20. <li>列表1</li>
21. <li>列表2</li>
22. <li>列表3</li>
23. </ol>
24.
25. </body>
26. </html>