html 英文的全称:hyperText markup language!!!(超文本标记语言)
web打交道最多的就是浏览器
那你知道现在主流的浏览器和内核是什么么?
主流的浏览器:1.需要占有一定的份额,2.需要自己独立研发的内核
1. 浏览器的组成部分
(1)shell部分
(2) 内核部分 (包括:渲染引擎,js引擎,其他模块)
IE trident
Firefox Gecko
Google chrome Webkit/blink
Safari Webkit
Opera presto
就是因为他不专业,所以我需要有一定的专业素养就需要给他讲明白!人生的小细节决定成败!
这个html是文件的后缀名,并不表示什么,也不影响整个文件的内容,只是说他会告诉你的服务器,你这个文件是什么类型的文件!
一.上网的基本流程
互联网不是神的,是物理的,上网刷网页时请求服务器中存储的各种文件。
互联网是文件与文件的传输
二.html是解释型语言(js也是解释型语言)
在浏览器中并不是把所有代码一次性下载完成就加在的,是下载一分部加载一部分
并且不生成特定的文件
从而现在编程有:
1.解释型语言 (加载一行,运行一行代码)
优点:就是跨平台性强
缺点:运行的时候需要进行翻译成机械语言就是二进制码
2.编译型语言(所有都加载完毕)
优点:不需要再次编译,运行的速度快
缺点:跨平台性弱 (移植性比较差,主要是对底层的依赖比较大,规则太严谨,导致有的时候会出现问题)
三.html是负责描述文档语义的语言,只负责增加文本语义
html(架构):负责描述页面的语义
css(样式):负责藐视页面的样式
js(行为):负责描述页面的动态效果
eg:一个车的 创造和车的运行!
首先我要了解一个刚刚一个基本的html中的内容
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
</body>
</html>
四.html标签分级
html标签分种类:这是css的特性 通过css 中的属性display
1.行级元素 inline
feature :
1.内容决定元素所占位置
- 不可以通过css来改变宽高
eg:span strong em a del
2.块级元素 block
feature :
1.独占一行
2.可以通过css来改变宽高
eg:div p ul li ol from address
凡是带有inline的元素,就带有元素特性,同时inline-block也会有,从而两个inline之间会存在文字分隔符
正常手段就是去掉两个标签之间的空格
3.行级块元素 inline-block
feature :
1.内容决定元素所占位置
2.可以通过css来改变宽高
eg :img 的宽高只要设置一个就可以
五.注释
<!-- -->
注释的功能:
1.备注
2.寻找bug,来调试
五.转义字符
html中的空白就是文字分割符号,并不是真正的空格
才是一个真正的空格
1.
我 很帅 只有这样才能显示多个空格,要不然就算你代码里有很多空格键按出来,在浏览器里面也只显示一个
2.< 和 >
< 可以变成 < (是less than 的缩写)
> 可以变成 > (是great than 的缩写)
<!--接下来,我要给大家讲解一个标签<div> zai-->
但是并不能出来,因为html中有一个编码格式