第一次前端培训
一.本课学习内容
(含少量课后自学内容)
1.HTML
1. HTML是什么?
- HTML的全称为超文本标记语言,是一种标记语言。
- 不是
编程语言,是标记语言。 - 包含了文本、图片、视频、链接、表单、框架等等等等,存为HTML文件,通过浏览器显示。
2. HTML怎么写? - 闭合标签
-单标签如br /、双标签 - 常用标签:
①h(1-6) 标题、从大到小、独占一行
②p段落
③br / 分行
④a href="" 超链接
⑤img src= 图片
alt(图片不显示时显示文字)
title(鼠标在图片上方时显示文字)
⑥button 按钮
⑦form 表格
⑧input 输入
⑨div span 框
⑩b strong 粗体
...
3. HTML标签-list - 有序列表:
ol
li /li
/ol - 无序列表:
ul
li /li
/ul - 自定义列表:
dl>
dt /dt
dd /dd
/dl
2.CSS
1. CSS是什么?
- CSS 指的是层叠样式表 (Cascading Style Sheets),是一组样式设置的规则,用于控制页面的外观样式。
- CSS 描述了如何在屏幕、纸张或其他媒体上显示 HTML 元素。
2.CSS的用途功能 - 设计样式,美观网页。
- 排版布局。
3.CSS的三种使用方法
①行内CSS:(嵌入样式)HTML的style属性
②内部CSS:(内嵌样式)在head 中的style标签中编写。
③外部CSS:在文件外部使用.css文件定义,然后在html文件中引入。
4.定位方法 - 使用id和class。只要在标签中定义它们的id或class就能这样获取到他们。id用#,class用.
5.层叠顺序 - 行内样式(在 HTML 元素中)>外部和内部样式表(在 head 部分)>浏览器默认样式
- 行内样式具有最高优先级,并且将覆盖外部和内部样式以及浏览器默认样式。
二.心得体会
①没有提前预习培训内容,悔恨!
②自己下来学习的时候感到很有兴趣,写出网页有很大的成就感!
③没学的内容还有好多,自学好重要(!!!)