前端(html[5],css[3]学习总结)
开发工具
VScode+firefox浏览器
工具设置
VScode:
以下是我使用的比较好用的插件
在扩展的商店里就可以搜到
VScode使用(html文档的生成:)
新建后ctrl+s保存成.html后缀
VScode快捷键
英文半角下shirt+1打出!可快速生成基础头部
html基础
html是超文本标记语言不属于编程语言
标签分类
- 自闭和标签:形如< br />
- 围堵标签:形如< html >…< /html >
基础标签(常用)(*表示我常用)
标签 | 说明 |
---|---|
< !DOCTYPE html > | html5中定义该文档为html文档 |
< html lang=“zh-CN”> | 设置语言为中文 |
< html lang=“en”> | 设置语言为英文 |
< head > | 头部 |
< title > | 标题 |
< body > | 网页主体 |
< html > | 文档根标签 |
* < h1~h6 > | 标题标签 |
* < p > | 段落 |
* < a > | 链接 |
* < img > | 图片 |
* < div > | 大盒子 |
* < span > | 小盒子 |
* < ul > | 无序列表 |
* < ol > | 有序列表 |
*< input > | 输入框 |
*< footer > | 页底 |
*< header > | 页眉 |
*< form > | 表单 |
*< br > | 换行 |
*< select > | 下拉列表 |
还有很多就不每个列举了
html参考文档下载
迅雷云盘下载:
https://pan.xunlei.com/s/VMhan49w9Fxa-KgDvUYrbFTxA1
提取码:wbvx
CSS基础
css起到页面美化和布局的作用!
CSS常用
CSS参考文档下载
迅雷云盘下载:
https://pan.xunlei.com/s/VMhaoWv8KazW2dgVkkxWEpRTA1
提取码:p632