一、浏览器内核
IE:Trident
firefox:Gecko
safari:webkit
chrome:Blink
Opera:blink
移动端android:大部分webkit
二、web标准
1.结构
结构用于网页元素(图片、文字、超链接)进行整理和分类,例如html。
2.表现
表现用于设置网页元素的板式,颜色,大小等外观样式,主要是css
3.行为
行为是指网页模型的定义及交互的编写,主要是javascript
三、HTML简介
超文本标记语言
详细了解搜索百度
四、html骨架
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
五、html元素标签分类
1.常规元素(双标签)
2.空元素(单标签)
六、html 标签关系
1.嵌套关系
<head>
<title>
</title>
</head>
2.并列关系
<head>
</head>
<body>
</body>
七、前端代码开发工具
sublime
八、html模板
<!DOCTYPE html>
文档类型,必须第一行:这个标识的是html5的版本,页面按照html5的规范解析页面
<html lang="en">
指定html语言种类, zh-CN是中文,这个对程序无影响,但是可以告诉浏览器这是什么语言。
<meta charset ="utf-8">
指定存储的字符集 ,没有这句话会按照电脑默认编码解析
九、标签的语义化
根据标签的语义,在合适的地方给一个最为合适的标签,让结构更加清晰。
对比
语义是否良好,去掉css后,网页结构依然组织有序,并且有良好的可读性。
十、HTML常见标签
1、排版标签
1、标题标签
h1~h6
2、段落标签
p
3、水平线标签
hr
4、换行标签
br
5、div 和span
没有语义,网页布局主要的盒子。
div一行只有一个
span一行可以有多个
2.文本格式化标签
b 加粗
strong 加粗<推荐使用,有语义强调作用>
i 倾斜
em 倾斜<推荐使用,有语义强调作用>
s 删除
del 删除<推荐使用,有语义强调>
u 下划线
ins 下划线<推荐使用,有语义强调>
1.3 标签属性
<标签名 属性1=“属性值1”>内容</标签名>
1.4 img标签
<img src = "图像URL" />
alt 图片错误时的替换文本
title 鼠标悬停的提示文本
width 宽度(宽高最好不要一起改,只改一个,图片等比例缩放)
height 高度
border 边框
1.5 链接标签
<a href="跳转的URL" target="窗口的弹出方式">文字或者图像</a>
href="#" 表示暂时为空链接
链接分为:外部链接、内部链接、空链接、图像链接
target 默认self 当前页面打开,_blank新窗口打开。
1.6注释标签
<!-- -->
十一 、 路径
路径:相对路径和绝对路径
上一级路径 …/
下一级路径 /
当前路径 ./或者不写
绝对路径 从盘符开始/网络地址
盘符是\反斜杠,相对路径是/
十二、拓展
1.锚点定位
<a href="">链接文本</a>
2.base 可以设置整体链接打开状态,写在head之间
<base target="_black">
3.pre 预格式化文本标签(里面写啥,页面显示啥)
<pre>
</pre>
4.特殊字符
空格
< <
> >