【九月打卡】第3天 初识HTML(5)+CSS(3)-升级版 第3、4章
2022/9/9 4:53:09
本文主要是介绍【九月打卡】第3天 初识HTML(5)+CSS(3)-升级版 第3、4章,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
课程名称:初识HTML(5)+CSS(3)-升级版
链接:HTML+CSS基础教程-慕课网 (imooc.com)
章节名称:第3章 HTML5效果标签、第4章 HTML5列表标签
讲师姓名:五月的夏天
课程内容:
使用<br>标签实现换行效果
使用特殊字符 实现空格标签
使用<hr>标签实现水平线标签
添加新闻信息列表 - 使用<ul><li>标签实现无序列表
添加图书销售排行榜- 使用<ol><li>标签实现有序列表
课程收获:
1.使用<br>标签实现换行效果:
(1)语法:xhtml1.0写法:<br />;html4.01写法:<br>
(2)与以前我们学过的标签不一样,<br />标签是一个空标签,没有HTML内容的标签就是空标签,空标签只需要写一个开始标签,这样的标签有<br />、<hr />和<img />。
2.使用特殊字符 实现空格标签:
(1)语法:
3.使用<hr>标签实现水平线标签:
(1)语法:html4.01版本 <hr>;xhtml1.0版本 <hr />
(2) <hr />标签和<br />标签一样也是一个空标签,所以只有一个开始标签,没有结束标签。
(3)<hr />标签的在浏览器中的默认样式线条比较粗,颜色为灰色。
(4)大家注意,现在一般使用 xhtml1.0 的版本(其它标签也是),这种版本比较规范。
4.添加新闻信息列表 - 使用<ul><li>标签实现无序列表:
(1)语法:
(2)ul-li是没有前后顺序的信息列表。
5.添加图书销售排行榜- 使用<ol><li>标签实现有序列表:
(1)语法:
(2)<ol>在网页中显示的默认样式一般为:每项<li>前都自带一个序号,序号默认从1开始。
今天是打卡第三天,每天学习一点点,未来可期!!!加油!
这篇关于【九月打卡】第3天 初识HTML(5)+CSS(3)-升级版 第3、4章的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-12-21动态面包屑教程:新手入门指南
- 2024-12-21动态主题处理教程:新手必读指南
- 2024-12-21富文本编辑器教程:新手入门指南
- 2024-12-21前端项目部署教程:从零开始的全面指南
- 2024-12-21拖拽表格教程:轻松入门指南
- 2024-12-21Element-Plus教程:新手入门与实战指南
- 2024-12-21TagsView标签栏导航教程:轻松掌握标签栏导航
- 2024-12-21动态表格实战:新手入门教程
- 2024-12-21动态菜单项实战:一步步教你实现动态菜单项
- 2024-12-21动态面包屑实战:新手教程