前端开发入门教程笔记

一.基础知识

1.五大浏览器

IE Firefox Chrome Safari Opera

2.相同浏览器在不同浏览器显示器中效果会完全一致吗？

因为浏览器渲染引擎不同，解析效果会不同

3.Web标准的构成

4.HTML初体验

1）案例：字体变粗案例

   构建一个网页，需要在网页中显示一个加粗的文字

     步骤

       1.在代码文件夹中新建一个文本文档

     2.修改文件拓展名为html

     3.以记事本的方式打开该文件输入要显示的内容并保存

     4.打开查看

     5.以记事本的方式打开该文件并在要加粗的内容前后分别输入<strong> </strong>  

   6.打开该文件检查是否需要加粗的内容已经实现

5.HTML页面固定结构 

 

HTML骨架结构有哪些标签构成

 1)html标签：网页的整体

 2)head标签：网页的头部

 3)body标签：网页的身体

 4)title标签：网页的标题 

6.html语法规范

  1)html的注释

     注释的快捷键：在VS Code中：ctrl+/ 

  2)html标签的构成

     标签结构图： 

      

     标签关系：

 

    3)html标签学习

     排版标签 

        1.标题标题

 

 

    2. 段落标签

 

     3.换行标签

 

 

 

    4.水平线标签

 

 

 

 文本格式化标签

 

 

 

  媒体标签

     1)图片标签

 

 

 

 

      2)路径

         相对路径

           1.同级：<img src="目标图片.gif">

                         <img scr="./目标图片.gif> 

           2.下级：a.先知道在哪个文件夹→文件夹名字

                         b.进入文件夹→/ 

                         c.此时看到目标文件直接写目标文件名字 

 

        3.上级：a.先出当前文件夹，到上一级目录→../

                     b.此时看到目标文件直接写目标文件 

 

   3)音频标签 

 

 

   4)视频标签 

 

 

  链接标签