前端入门html5知识--双标签

本文介绍了HTML5中的一些基础标签,包括用于表示段落的`<p>`,设置样式的`<div>`,定义头部的`<header>`和底部的`<footer>`。此外,还讲解了无序列表`<ul><li>`、有序列表`<ol><li>`、表格的结构以及创建超链接的`<a>`标签。最后,涉及了表单的使用,如`<form>`、文本域`<textarea>`和下拉菜单`<select><option>`。
摘要由CSDN通过智能技术生成

双标签

1、<p>文本</p> 表示“段落”,段后会自动空一行。

2、<span>文本</span> 标签,这个标签是没有语义的,它的作用就是 为了设置单独的样式用的。

3、<div>…</div>标签中,这个标签的作用就相当于一个容器。

4、<header>文本</header>标签,用来定义头部区域。

<body>
   <header>我是头部标签</header> 
</body>

在这里插入图片描述

5、<footer>文本</footer>标签,用来定义底部区域。
在这里插入图片描述
6、<section>文本</section>标签,定义一个区域。
在这里插入图片描述
7、<aside>....</aside>标签,定义一个侧边栏区域。
在这里插入图片描述
8、ul-li标签
ul-li是没有前后顺序的信息列表。如新闻列表、图片列表。(ul-li在网页中显示的默认样式一般为:每项li前都自带一个圆点。)

<ul>
  <li>信息</li>
  <li>信息</li>
   ......
</ul>

9、ol-li标签
ol-li是有前后顺序的信息列表。如排行榜。(ol-li在网页中显示的默认样式一般为:每项li前都自带一个序号,序号默认从1开始)

<ol>
   <li>信息<
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值