HTML初学笔记-02

Good Good Study , Day Day Up !!


列表标签的使用场景



ul标签表示无序列表的整体,li标签表示无序列表的每一项


ol标签表示有序列表的整体


VSCODE实例


表格标签


表格相关属性


代码实例


TAB按多了,想往回移动,按shift+TAB

合并单元格


VSCODE示例,一定记住删除没用的


表单标签

input系列


文件上传:多文件上传需要增加multiple属性

input的type属性


表单域标签   <form action=""></form>

相关语法规则及代码示例如下:


button与input类似,双标签<button></button>

实用中button更常用些,需要跟js配合使用,代码如下


下拉菜单



文本域


cols rows并不适用于项目中,一般用CSS来进行编辑。了解即可。右下角的拉伸也需要在实用中通过CSS来禁用。


label标签


*直接复制选中命令到下一行的快捷按键:shift + ALT + 方向键下

两种label使用方法代码如下:


div和span标签一般作为网页布局使用,无语义标签

代码和实际显示效果如下:



有语义的布局标签


这些标签一般使用在移动端网页制作


一般只用空格&nbsp;  (注意,有;号)





Administrator 2023年7月7日
标签
我们的博客
存档


HTML初学笔记-01
GOOD GOOD STUDY , DAY DAY UP !