HTML知识点(一)

owhile 2020-08-18

1、开发工具

编辑器:dw:省事儿、控件的拖动
        sublime:文艺青年喜欢用
        webstorm:编辑快速
        Hbuilder:快、生成安装包      
        ?Vscode:逻辑性高、各个公司都用(最终选择它)
  五大主流浏览器:火狐浏览器?————因为内核不同???Geoko?
              谷歌浏览器(最终选择它)??Webkit->Blink
              IE浏览器??Trident?
              safari浏览器???Webkit
              欧朋浏览器???Blink
  PS?:做图的,对于前端开发工程师,切图(辅助)

2、浏览器内核

渲染引擎:如何将内容展示在浏览器端
   js引擎:解析和执行JavaScript代码的

3、web标准

定义:??不是一个标准,而是一个标准的集合
  集合: 结构标准:HTML标准
        表现标准:CSS标准
        行为标准:JavaScript标准
  作用: 1、减轻的程序员的压力,只需要开发一套程序即可?(程序员的角度)
        2、无序重写、降低流量、容易被搜寻引擎搜索、提高网页的速度,(浏览器的角度)
        3、降低公司的成本,更易维护(公司的角度)

4、HTML骨架

定义:HTML   “超文本标签语言”,是用来描述网页的一种语言。所谓超文本,因为它可以加入图片、声音、动画、多媒体等内容,不仅如此,它还可以从一个文件跳转到另一个文件,与世界各地主机的文件连接
  特点:1、HTML不是一种编程语言,而是一种标记语言
       2、标记标签组合而成
  总结:HTML就是来搭建网页的,是网页的结构
  骨架:html:根标签
      head:网页的头部,主要是设置一下网页的属性
      body:网页的主体
      title:网页的标题

标签与标签之间的关系:

1、嵌套关系(父子关系):html与body
  2、并列关系(兄弟关系):head与body

标签的分类:

1、双标签:<html></html>
  2、单标签:<meta>、<br>、<hr>、<img>、<base>

5、常用的标签

1、标题标签?:h1-h6  head
        特点: 1、文本自动加粗加大?
              2、文本的字体大小与h后边的的数字成反比
              3、自动换行

  2、段落标签?paragraph    p
        特点:自动换行

  3、水平线标签   hr    horizon
        特点:显示一条横线  单标签

  4、换行标签  br
        特点:1、单标签?
              2、可以在文本内容中随处换行

  5、盒子标签  div
        特点:用div来进行网页布局?

  6、组合行内元素标签 span
        特点:1、最典型的行内元素
             2、不会换行

6、文本语义化标签

加粗 b  strong
  斜体:i  em
  下划线:u  ins
  删除线:s  del
  区别:strong/em/?ins/del跟具有语气话及强调

7、图片标签

图片标签?    img
  src属性:图片的路径
  jpg/png/gif/psd?注意添加后缀名
  再浏览器展示图片的大小就是默认大小
  width:图片的宽
  height:图片的高度
  title:图片的标题?光标移动到图片上显示对应的属性值
  alt:图片不显示时,显示alt的属性值?
  相对路径:相对于当前位置
              ?1、图片在当前文件夹下?./?或者不写
              ?2、图片在当前文件的下一级目录
               3、图片在当前文件的上一级目录../
  绝对路径:路径是文件的整个目录

相关推荐