html中的主体,html的主体

首页 > 技术 > 作者:YD1662023-04-20 14:11:21

(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>

html中的主体,html的主体(9)

(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>

html中的主体,html的主体(10)

(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>

html中的主体,html的主体(11)

(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>

html中的主体,html的主体(12)

上一页12345下一页

栏目热文

文档排行

本站推荐

Copyright © 2018 - 2021 www.yd166.com., All Rights Reserved.