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页面内容语言。“en”是英文,“zh-CN”是中文。
知识点14:字符集—charset=“UTF-8”
字符集(character set)是多个字符的集合;
GB2312:简体中文,BIG5:繁体中文,GBK:包容所有中文。
UTF-8:多国语言集合,基本包含世界各个国家需要用到的语言;
知识点15:标签的语义化的目的—所谓标签语义化,就是指标签的含义
根据标签的语义在合适的地方用合适的标签。
作用;方便代码的阅读和维护,让浏览器更好的解析,更好分析其中的内容,页面清晰,利于搜索引擎。
知识点16:标题标签—<h1……h6>
标题标签分6级,每一个标签单独一行显示,并且有加粗的效果。
知识点17:段落标签和水平线标签—
&
段落标签语义就是将文档分为多个段落;
水平线标签。
知识点18:换行标签—
知识点19:div和span标签—没有语义,用来装网页元素的,即布局用的
用来布局的,一行只能放一个div,
用来布局的,一行可以放多个span。
知识点20:文本格式化标签—即给文本加一些装饰的
加粗 语义更强调加粗,推荐使用;
倾斜 语义更强调加粗,推荐使用;
下划线 语义更强调加粗,推荐使用。
知识点21:图像标签—
<标签名 属性1=“属性1” 属性2=“属性2” />
例:
src 属性用于指定图像文件的路径和文件名,是必需的属性。
alt 属性用于图像不能显示的时候,文字就显示,
title 属性用于提示文本,将鼠标一经过就显示,
width 属性用于修改图像宽度,写宽可以不用给高height,这样图片可以等比例显示,(特定比例可以写)
height 属性用于修改图片高度,写高可以不用给宽height,这样图片可以等比例显示,(特定比例可以写)
border 属性用于设置图片边框的宽度。
注意:各属性之间需要用空格隔开。
知识点22:链接标签—<a href=“指定链接目标的地址” target=“目标窗口打开的方式>
href 是a标签必需的属性,
外部链接:需要添加 “http://网址”,
内部链接:需要添加内部目标文件路径地址,
空连接:可以用#来代替,
target 用于指定链接目标的打开方式,( _blank新窗口/ _self原窗口 )默认是_self 会在原窗口打开。
知识点23:注释标签—
注释是为了解释这部分代码是干嘛的,程序是不执行的,
快捷键 “ CTRL+/ ”或 “CTRL+?” ,一般推荐 注释放在要解释的代码上面。
知识点24:相对路径—引用文件相对于网页的地址路径
目录文件夹:最大的一个文件夹
根目录:打开目录文件夹的第一层,就是根目录,
同一级路径:引用的文件路径和网页路径在一起,只要输入名表文件名即可,
下一级路径:引用的文件路径相对网页路径在下一级,“/”表示下一级,
上一级路径:引用的文件路径相对网页路径在上一级,“…/”表示上一级,
相对路径:是从代码所在的这个文件出发,去寻找的我们的目标文件的,所谓同一级,下一级,上一级,简单说,目标文件位于html文件的位置。
知识点25:绝对路径—意指所有网页使用同一文件时,其路径都是一样的
绝对路径:以web站点根目录为参考而言的。
知识点26:锚点定位—
使用相应的id名标注目标跳转的位置,
使用<a href=”#id名>链接文本 被点击的文本
1. 使用相应的id名标注跳转目标的位置。 (找目标)
例:
第2集
2. 使用第2集 创建链接文本(被点击的) (拉关系) 我也有一个姓毕的姥爷…
例:
知识点27:base标签—
base :可以设置整体链接的打开方式,可以设置页面所有a链接的打开方式,
base 写到之间。
知识点28:预格式化标签—
所谓预格式化文本就是,网页按照我们预先写好的文字格式来显示页面,保留空格和换行。
知识点29:特殊字符—一些特殊符号在html很难或者不方便使用,此时使用这些来代替
空格符: 注意 :分号不能少
< : <
> : >
& : &
¥ :¥
……
特殊字符是以运算符&开头,以分号运算符;结尾。他们不是标签,而是符号。
HTML 中不能使用小于号 “<” 和大于号 “>”特殊字符,浏览器会将它们作为标签解析,若要正确显示,在 HTML 源代码中使用字符实体。
————————————————
版权声明:本文为CSDN博主「superaistar」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/superaistar/article/details/81107198