- 博客(10)
- 收藏
- 关注
原创 8、HTML标签学习之表单标签
☞标签:header(网页头部)、nav(网页导航)、footer(网页底部)、aside(网页侧边栏)、section(网页区块)、article(网页文章)button:普通按钮,默认无功能,之后配合js添加功能。☞常用属性:name:分组,有相同name属性值的单选框为一组,一组中同时只能有一个被选中;(目标:能够认识开发中常用的没有语义布局标签(div、span)和有语义的布局标签)☞场景:实际开发网页时会大量频繁的使用到div和span这两个没语义的布局标签。option标签:下拉菜单的每一项。
2023-05-14 21:31:56
80
1
原创 2、HTML基础之表格
☞注意点:只有同一个结构标签中的单元格才能合并,不能跨结构标签合并(不能跨:thead、tbody、tfoot)跨列合并(colspan):跨列合并,将多列的单元格水平合并(属性值为合并单元格的个数)跨行合并(rowspan):跨行合并,将多行的单元格垂直合并(属性值为合并单元格的个数)②th(表头单元格):表示一系列小标题,通常用于表格第一行,默认内部文字加粗并居中显示。①caption(表格大标题):表示表格整体大标题,默认在表格整体顶部居中位置显示。②th标签书写在tr标签内部(用于替换td标签)
2023-04-09 01:19:23
50
原创 1、HTML基础之列表
☞场景:在网页中按照行展示关联性的内容,如新闻列表、排行榜、账单等。②li表示无序(有序)列表的每一项,用于包含每一行的内容。☞显示特点:列表的每一项前默认显示圆点(显示序号)标识。☞场景:在网页的底部导航中通常会使用自定义列表实现。①dl表示自定义列表的整体,用于包裹dt/dd标签。☞注意点:ul(ol)标签中只允许包含li标签。①ul(ol)表示无序(有序)列表的整体,③dd表示自定义列表的针对主题的每一项内容。☞种类:无序列表,有序列表,自定义列表。☞特点:按照行的方式,整齐显示内容。
2023-04-09 00:15:47
51
原创 5、HTML标签学习之路径
①绝对路径(了解):指目录下的绝对位置,可直接到达目标的位置,通常从盘符开始的路径。目标文件:要找到的图片。☞类似于:生活中两个人,我要去找你,需要通过一定的路径才能找到!✔例如:盘符开头:D:\day01\images\1.jpg。②相对路径(常用):从当前文件开始出发找到目标文件的过程。☞同理:页面需要找到图片,也是需要通过路径才能找到。☞路径可分为:绝对路径(了解)和相对路径(常用)☞场景:页面需要加载图片,需要先找到对应的图片。☞概念普及:当前文件:当前的html网页。
2023-04-07 11:13:05
38
原创 6、HTML标签学习之媒体标签
②img标签需要展示对应的效果,需要借助标签的属性进行设置!☞代码:☞代码:☞场景:在网页中显示图片。☞场景:在页面中插入音频。
2023-04-07 10:33:50
19
原创 4、HTML标签学习之文本格式化标签
☞推荐:strong、ins、em、del,表示的强调语义更强烈!☞场景:需要让文字加粗、下划线、倾斜、删除线等效果。☞语义:突出重要性的强调语境。
2023-04-07 02:43:04
38
1
原创 2、HTML语法规范
作用:☞为代码添加的具有解释行、描述性的信息,主要用来帮助开发人员理解代码;☞浏览器执行代码时会忽略所有的注释;1、注释:注释是为了给下次阅读代码者(自己或者其他程序员)看的;快捷键:在VS Code中:ctrl + /例:☞父子关系(嵌套关系)☞兄弟关系(并列关系)
2023-04-07 02:00:53
40
1
原创 1、HTML基础认知:
问题三:前端的代码是通过什么软件转化成用户眼中的网页的?问题二:我们看到的网页背后本质是什么?转化(解析和渲染)成用户看到的网页。✔文字、图片、音频、视频、超链接。问题一:网页由哪些部分组成?✔前端程序员写的代码。
2023-04-07 00:58:12
46
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人