前端的第一次培训

关于html和css

HTML

html是一种标记语言，主要用于网页内容的编辑，html命令可以说明文字，图形，动画，声音，表格，链接等。

1. html的常用标签
   注意事项（标签必须闭合）
   标题<hh1-h6标题从大到小
   段落<p
   超链接<a（ps：必须后面要加herf才能加上真正有用的超链接）同时要加target=blank才能重新跳转到另一个新的页面，否则会在当前页面跳转
   图片<img(图片前加超链接可以使图片可点击)
   按钮<button
   表单<form（与后端交互重要标签）

2. 列表类标签
   有序标签<ol都要加li，在这里就不加了。
   无序标签ul

3. 我学到的标签
   单选号checkbox
   用于布局div

4. 关于其他
   多个选择器可以用空格键使其分开，type=password打出来的字会变成黑点
   使用菜鸟教程还学会了其他的标签，当然还有背景色的使用background-color
   还有padding top等

CSS

css是层叠样式表，主要是美化网页外观，不仅仅是可以用于静态的装饰网页，还可以配合其他的脚本语言更好的对网页其他的元素进行修饰。

1. css的使用方法
   第一：行内css，主要是在html标签内部使用
   如[style=""]
   第二：内部css，主要是在头部使用，可以进行全篇的规范标签的使用，比如，网页内全部的标题的颜色，大小，是否居中等。
   第三：外部css，在文件外部使用css文件，然后再html文件中引入。
2. css的定位方法——id或者class
   id用#来表示，class用.来表示
   两者的使用方法基本相同，但是，在对大面积的标签进行规范时，最好用class，小部分用id
3. 层叠顺序
   行内样式>外部和内部样式表>浏览器默认样式

最后总结

在用菜鸟教程自学时，易学懂但是也容易忘，过了那几分钟之后基本就不记得了，还是要结合腾讯会议的录屏以及学长的代码，自己在听的时候去慢慢的自己动手敲代码才能记得牢靠有用。

王彩琴