Web前端第三课

最新推荐文章于 2023-12-21 22:43:23 发布

前端阿呆

最新推荐文章于 2023-12-21 22:43:23 发布

阅读量2.1k

点赞数 1

分类专栏： Web前端基础知识文章标签： html5

本文链接：https://blog.csdn.net/weixin_42132959/article/details/103665198

版权

本文介绍了HTML5中的列表类型，包括无序列表、有序列表和定义列表，并讲解了div、span、表单元素以及CSS的基础知识。重点讨论了表单控件如文本框、密码框、单选按钮、复选框、下拉列表、多行文本框的使用，以及CSS的选择器，如标签选择器和ID选择器。

摘要由CSDN通过智能技术生成

列表

列表有三种：ul、ol、dl

无序列表：

ul 就是英语unordered list。无序列表的简写。 li 就是英语 list item , 列表项的意思。
无序列表图片
Ul的儿子，只能是li。但是li是一个容器级标签，li里面什么都可以放。

有序列表：

ordered list 有序列表：ol 。
ol图片
ol这个东西用的不多，如果想要表达顺序，大家一般也用ul 。

定义列表：

定义列表也是一个组标签，不过比较复杂，出现了三个标签：
dl表示定义列表。 dt表示定义标题。 dd表示定义表述词。
定义列表图片
定义列表用法非常灵活，可以一个dt配很多dd。
还可以拆开，让每一个dl里面只有一个 dt 和 dd , 这样子可以感觉清晰一些。

div和span:

div和span是非常重要的标签，div的语义是division”分割”的意思。span的语义就是span “范围、跨度”.这两个东西，都是最最重要的“盒子“。
div在浏览器中，默认是不会增加任何的效果改变的，但是语义变了，div中的所有元素是一个小区域。div标签是一个容器级标签，里面什么都能放，甚至可以放div自己。
span也是表达“小区域、小跨度“的标签，但是是一个”文本级“的标签。就是说，span里面只能放置文字、图片、表单元素。span里面不能放p、h、ul、ol、dt、div.
span里面是放置小元素的&