html的知识点快速记忆(一)

版权声明:知识改变命运,科技改变生活,学习适应改变! https://blog.csdn.net/superaistar/article/details/81107198

HTML快速回顾

(时间易逝,唯有学而思,思而学才更有味道)

知识点01:前端向后台请求的通道是HTTP协议;后台向前端反馈的通道叫接口。
知识点02:web组成的三层标准是结构(HTML)、表现样式(CSS)、行为(Javascript)。
知识点03:增加页面速度得技巧
                 http请求:  服务器--"资源"---请求地址
                资源  :  音频  视频  图片  代码  等等等
                第一个优化得方法: 想办法把所谓得资源  减少   或者  容量减少
                第二个优化得方法: 减少http得请求次数
             (自动触发  手动触发)
               实现原理就是: 发送一次请求 请求多个资源

知识点04:网页有哪些组成?由文字,图片,超链接等等元素组成
    浏览器是用来转换网页代码的工具。
    常用浏览器有五个:IE 火狐 谷歌 safari Opera;
知识点05:浏览器内核:了解五个最常见的,谷歌是Blink,Blink是webkit的分支,以及了解移动内置内核
知识点06:web标准三层组成:结构(Structrue)表现(Presentation)、行为(Behavior)(强大交互);
    结构类似人的身体,表现类似人的着装,行为类似人的动作;
知识点07:html是一门超文本标记语言;
    标记语言是一套标记标签;所有的标签都用<>来表示;
知识点08:html骨架格式,html最大的标签是根标签;
    head文档的头部,title是文档(网页)的标题;body是文档的内容;
知识点09:html标签,属性,等推荐统一使用小写;
    电脑显示文件扩展名的方法,打开“我的电脑-查看-勾选显示文件扩展名”。
知识点10:html标签分类---常规元素(双标签:<开始标签></ 结束标签>),空元素(单标签:<标签名 />);
知识点11:html标签关系---嵌套(包含)关系,并列关系
    嵌套(父子级)关系,子元素最好缩进一个tab键的身位,一个tab键占有4个空格;
知识点12:代码开发工具---Dw、subline、webStrorm、Hbuilder等
    代码中所有的符号和标签都是英文的,才能不出错,所有的代码文件都需要先保存成.html文件;
    生成页面骨架快捷方法:输入html:5  按下tab键;或者 输入  !  按下tab键;
知识点13:DOCTYPE和lang的解释---版本和语言类型
    <html lang="en">  指的是html页面内容语言。“en”是英文,“zh-CN”是中文。
知识点14:字符集---charset="UTF-8"
    字符集(character set)是多个字符的集合;
    GB2312:简体中文,BIG5:繁体中文,GBK:包容所有中文。
    UTF-8:多国语言集合,基本包含世界各个国家需要用到的语言;
知识点15:标签的语义化的目的---所谓标签语义化,就是指标签的含义
    根据标签的语义在合适的地方用合适的标签。
    作用;方便代码的阅读和维护,让浏览器更好的解析,更好分析其中的内容,页面清晰,利于搜索引擎。
知识点16:标题标签---<h1……h6>
    标题标签分6级,每一个标签单独一行显示,并且有加粗的效果。
知识点17:段落标签和水平线标签---<p>&<hr/>
    <P>段落标签语义就是将文档分为多个段落;
    <hr>水平线标签。
知识点18:换行标签---<br />
知识点19:div和span标签---没有语义,用来装网页元素的,即布局用的
    <div></div>用来布局的,一行只能放一个div,
    <span></span>用来布局的,一行可以放多个span。
知识点20:文本格式化标签---即给文本加一些装饰的
    <b></b>加粗     <strong></strong>语义更强调加粗,推荐使用;
    <i></i>  倾斜     <em></em>语义更强调加粗,推荐使用;
    <s></s> 删除     <del></del>语义更强调加粗,推荐使用;
    <u></u>下划线  <ins></ins>语义更强调加粗,推荐使用。
知识点21:图像标签---<img />
    <标签名   属性1="属性1"   属性2="属性2"  /> 
    例:  <img src="images/3.jpg"  />
    src    属性用于指定图像文件的路径和文件名,是必需的属性。
    alt     属性用于图像不能显示的时候,文字就显示,
    title   属性用于提示文本,将鼠标一经过就显示,
    width 属性用于修改图像宽度,写宽可以不用给高height,这样图片可以等比例显示,(特定比例可以写)
    height 属性用于修改图片高度,写高可以不用给宽height,这样图片可以等比例显示,(特定比例可以写)
    border 属性用于设置图片边框的宽度。
    注意:各属性之间需要用空格隔开。
知识点22:链接标签---<a href="指定链接目标的地址"  target="目标窗口打开的方式></a>
    href  是a标签必需的属性,
    外部链接:需要添加  "http://网址",
    内部链接:需要添加内部目标文件路径地址,
    空连接:可以用#来代替,
    target  用于指定链接目标的打开方式,(  _blank新窗口/ _self原窗口  )默认是_self  会在原窗口打开。
知识点23:注释标签---<!--注释内容-->
    注释是为了解释这部分代码是干嘛的,程序是不执行的,
    快捷键  “ CTRL+/  ”或    “CTRL+?”   ,一般推荐  注释放在要解释的代码上面。
知识点24:相对路径---引用文件相对于网页的地址路径
    目录文件夹:最大的一个文件夹
    根目录:打开目录文件夹的第一层,就是根目录,
    同一级路径:引用的文件路径和网页路径在一起,只要输入名表文件名即可,
    下一级路径:引用的文件路径相对网页路径在下一级,“/”表示下一级,
    上一级路径:引用的文件路径相对网页路径在上一级,“../”表示上一级,
    相对路径:是从代码所在的这个文件出发,去寻找的我们的目标文件的,所谓同一级,下一级,上一级,简单说,目标文件位于html文件的位置。
知识点25:绝对路径---意指所有网页使用同一文件时,其路径都是一样的
     绝对路径:以web站点根目录为参考而言的。
知识点26:锚点定位---<a href="#id名"><h3 id="two">
    使用相应的id名标注目标跳转的位置,<h3   id="two">
    使用<a href="#id名>链接文本</a>  被点击的文本
    1. 使用相应的id名标注跳转目标的位置。 (找目标)
          例:<h3 id="two">第2集</h3> 

    2. 使用<a href="#two (id名) ">第2集</a>    创建链接文本(被点击的) (拉关系)  我也有一个姓毕的姥爷..
          例:<a href="#two">   
知识点27:base标签---<base   target="" >
     base :可以设置整体链接的打开方式,可以设置页面所有a链接的打开方式,
     base 写到<head></head>之间。    
知识点28:预格式化标签---<pre></pre>
    所谓预格式化文本就是,网页按照我们预先写好的文字格式来显示页面,保留空格和换行。
知识点29:特殊字符---一些特殊符号在html很难或者不方便使用,此时使用这些来代替
    空格符:&nbsp;    注意  :分号不能少
    <  :  &lt;
    >  :  &gt;
    &  :  &amp;
    ¥ :&yen;
    ……
    特殊字符是以运算符&开头,以分号运算符;结尾。他们不是标签,而是符号。
    HTML 中不能使用小于号 “<” 和大于号 “>”特殊字符,浏览器会将它们作为标签解析,若要正确显示,在 HTML 源代码中使用字符实体。

猜你喜欢

转载自blog.csdn.net/superaistar/article/details/81107198