没有合适的资源?快使用搜索试试~ 我知道了~
首页CSS入门与HTML5元素详解——第1天笔记
CSS入门与HTML5元素详解——第1天笔记
需积分: 1 0 下载量 195 浏览量
更新于2024-07-20
收藏 1.2MB DOCX 举报
在"CSS第1天笔记"中,本课程作为前端与移动开发学院的基础课程,旨在引导学员快速入门CSS,总共涵盖6天的学习内容。第一天主要回顾了HTML基础知识,并介绍了CSS的基本概念和应用。 首先,回顾了HTML的基本元素,包括文档类型声明(DTD)及其不同版本如HTML4.01的strict、transitional和XHTML1.0,以及HTML5的使用,强调了XHTML相对于HTML的严格性,例如标签命名规则。字符集方面,提到了UTF-8和GB2312/GBK,前者支持更多字符但文件较大,后者字符较少且文件更小。 接着,讲解了HTML的元信息,如<title>标签用于设置页面标题,HTML的语义化使用,以及h1~h6标题和<p>标签的作用。特别提到,<p>标签内只能包含文本、图片和表单元素,它们被称为流元素,后续会深入讲解CSS如何处理这些元素布局。 图片元素<img>的完整语法包括src(源)和alt(替代文本)属性,解释了如何引用图片资源和提供备选文字描述。超级链接<a>标签的重要性被提及,它有name和id属性用于内部链接,同时介绍了Chrome浏览器中的审查元素工具(F12快捷键)。 这一天的学习还涉及到了HTML的一些基本元素如img和a标签,这些都是CSS布局和交互设计的基础。随着课程的深入,学员将逐步掌握CSS的选择器、属性和布局技巧,从而更好地理解和运用这个强大的网页设计语言。整个课程将以实践操作为主,帮助学员建立起扎实的前端开发技能。
资源详情
资源推荐
第 6 页 共 27 页
传智播客前端与移动开发学院 前端开发工程师、移动 HTML5 开发工程师、全栈开发培训 http://web.itcast.cn
二、列表
列表有 3 种
2.1 无序列表
无序列表,用来表示一个列表的语义,并且每个项目和每个项目之间,是不分先后的。
ul 就是英语 unordered list,“无序列表”的意思。
li 就是英语 list item , “列表项”的意思。
你会发现,这是我们学习的第一个“组标签”,就是要么不写,要么就要写一组。
1 <ul>
2 <li>北京</li>
3 <li>上海</li>
4 <li>广州</li>
5 <li>铁岭</li>
6 </ul>
也就是说,所以的 li 不能单独存在,必须包裹在 ul 里面;反过来说,ul 的“儿子”不能是别的东西,只能有 li。
下面的是错误的,因为必须用 ul 包裹:
7 <li>北京</li>
8 <li>上海</li>
9 <li>广州</li>
10 <li>铁岭</li>
下面的也是错误的,因为 ul 里面只能有 li 标签,而不能有别的:
1 <ul>
2 <h3>中国主要城市</h3>
3 <li>北京</li>
4 <li>上海</li>
5 <li>广州</li>
6 <li>铁岭</li>
7 </ul>
浏览器会默认的给无序列表小圆点的“先导符号”
但是,我们这里再次强调,ul 的作用,并不是给文字增加小圆点的,而是增加无序列表的“语义”的。
剩余26页未读,继续阅读
西域男孩1028
- 粉丝: 9
- 资源: 3
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- zlib-1.2.12压缩包解析与技术要点
- 微信小程序滑动选项卡源码模版发布
- Unity虚拟人物唇同步插件Oculus Lipsync介绍
- Nginx 1.18.0版本WinSW自动安装与管理指南
- Java Swing和JDBC实现的ATM系统源码解析
- 掌握Spark Streaming与Maven集成的分布式大数据处理
- 深入学习推荐系统:教程、案例与项目实践
- Web开发者必备的取色工具软件介绍
- C语言实现李春葆数据结构实验程序
- 超市管理系统开发:asp+SQL Server 2005实战
- Redis伪集群搭建教程与实践
- 掌握网络活动细节:Wireshark v3.6.3网络嗅探工具详解
- 全面掌握美赛:建模、分析与编程实现教程
- Java图书馆系统完整项目源码及SQL文件解析
- PCtoLCD2002软件:高效图片和字符取模转换
- Java开发的体育赛事在线购票系统源码分析
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功