【b站自学】【初学者】学习前端开发的第一周

这里一名大二学生，利用寒假自学前端开发，在这里记录自己一点一滴的成长。

HTML学习重点知识一览

网课：bilibili网站黑马程序员的网课
编译软件：vs code

周一：

1. 浏览器 内核
   IE Tirdent
   Firefox Gecko
   Safari webkit
   chrome Chromium
   Opera blink

2. web 标准
   w3c 万维网联盟
   标准三层组成
   结构 网页元素整理
   表现 网页外观样式
   行为 交互 js
   理想状态的源码 .HTML .css .js 三层独立 放在不同的文件里面

3. HTML 初识
   超文本标记语言 标记语言
   超越文本限制超越链接文本
   图片、文字、链接标签
   <> 语言写在尖括号内

4. html 骨架标签
   head title 网站标题
   body 文档主体
   html 标签名 类名 标签属性 大部分属性值 均为小写

5. html 标签分类
   双标签<标签名>内容<标签名/>
   空标签
   

6. 标签关系
   嵌套关系
   head 包含title （父子关系）
   并列关系
   head和body 关系 上下对齐

7. 代码开发工具 书写代码
   sublime vscode

8. html 模板
   第一行写html type
   lang=“en” 语言用english 写代码用的语言
   zh-CN 中文

9. charset 字符集 进行字符编码
   gb2312 国标
   BIG5 繁体中文
   GBK 简体中文+繁体中文
   UTF-8 包含全世界所有的字符集 世界主流语言

10. 标签的语义化
    h 标签
    去掉css后 仍然组织有序
    在合适地方加合适标签

11. 常用标签
    排版标签：页面结构
    h 标题标签 分为六级 显示效果不一样
    空格和回车没用
    段落标签 p 分成若干段落
    水平线标签 hr 单标签

    ---

    
    换行标签 br
    
    盒子标签（装元素） div span
    div 一行一个 上下显示
    span 一行显示多个

12. 文本格式化标签
    加粗标签 语义更强烈
    斜体 i em
    加删除线 s del
    加下划线 u ins

13. 标签属性
    插入图片 img
    src 路径
    alt 图片无法显示的替换文本
    title 提示文本 鼠标放在图片上显示的文字
    width 宽
    height 高
    border 图片边框
    key=“value”

14. 链接标签 a
    herf 跳转目标
    外部链接 http：//开头