浏览器内核:
渲染引擎(html css)
JS引擎(解析javascript代码,执行javascript语言来实现网页的动态效果)
Trident (IE内核)
Gecko(firebox)
Webkit(Safari)
blink谷歌
Presto(Opera)
Web(万维网)标准的好处:
让web发展前景更广阔
内容能被更广泛的设备访问
更容易被搜寻引擎搜索
降低网站流量费用,易于维护,提高页面浏览速度
第一行 声明文档类型
<html> </html> 根标签
lang=”en” 属性
<title> </title > 标题
标签关系:
嵌套关系
并列关系
标签分类:
双标签
单标签
标签的语义化:
方便代码的阅读和维护
同时让浏览器或者爬虫可以很好的解析,从而更好的分析其中的内容
使用语义化标签会具有更好地搜索引擎优化
nav footer aside header article section
标题标签
H1~h6
段落标签
P
换行标签
br
div span 没有语义 div 独占一行 span 一行多个
b strong 加粗
i em 倾斜
u ins 下划线
s del 删除线
hr 横线 浏览器多款我多宽 width = “400” 可以改变宽度
绝对路径:图片 属性 安全找对象
相对路径:./ ../
链接标签:
a
target=”_self”
target=”_blank” 新窗口
<!-- base标签设置在head标签里面 实现整体a标签的打开方式 -->
<base target="_blank"> 新窗口
描点链接:
h id = one
a href = “#one” 点a 跳转 到 h
a标签的锚点定位如何实现
a href = “#one” 点a 跳转 到 h
特殊字符
列表:
无序列表:ul li
有序列表:ol li
dl dt dd
dt和dd在同级
表格:
table tr td
换表头 td换th th 居中加粗
table caption 表格的名字 在表格的上中间 在table 里
Cellspacing 格与格之间的距离
Cellpadding 格与字之间的距离
Align center 在网页中的水平对齐方式
width heigth
thead 头部
tbody
tfoot
Cowspan 是行合并
Rowspan 是列合并
表单控件:
表单域:form action =”#” method = “get/post” name=”” post加密
input 标签 type 属性
属性值:
text 当行文本输入框
password 密码输入框
<input type="radio" name="sex" value="nan" id="nan"> <label for="nan">男</label>
radio 单选按钮
checkbox checked 复选框
button 按钮
submit 具有提交功能的按钮
reset 重置按钮
image 图片形式提交的按钮
file 文件域 提交文件的
name (input)控件的名称
value 控件中的默认文本值
maxlength 允许输入的最多字符数
文本域:
textarea resize
Name
下拉菜单:
设置默认选项
select option
optgroup lable=””
多媒体标签;
audio 音频 src=””
video 视频 src=””
controls 显示默认播放控件
autoplay 自动播放 谷歌不支持
loop 循环播放
muted 静音播放 谷歌用muted静音自动播放
source 多浏览器支持的方案
能设置宽高