网页组成部分
文字,图片,超链接,音频,视频
常见浏览器
IE,火狐,谷歌,safari(苹果),Opera
浏览器内核 作用:读取网页内容
IE: Trident
火狐(Firefix): Gecko
苹果(safari): webkit
谷歌(chrome)/ Opera: Blink
移动端 安卓: webkit
web标准
结构:HTML
样式:CSS
行为:JS
超文本标记语言
标签
标签分类:双标签,单标签
标签关系:嵌套关系 父子
并列关系 兄弟
Sublime
新建:Ctrl + N
保存:Ctrl + S
放大、缩小:Ctrl + 滚轮 / 加号、减号
生成页面:“html:5” + tab
“!” + tab
!DOCTYPE html
意思:浏览器用H5解析页面
lang
lang = “en” 英文
lang = “zh-CN” 中文
meta
meta charset = “UTF-8” 字符集
全球通用
gb2312 简中
BIG5 繁中
GBK 简 + 繁
标题 标签
h1 —— h6
一个页面 h1 只能一次 h2只能两次
常用标签
段落 p
水平线 hr
换行 br
布局标签
div: 没有语义,独占一行
span:没有语义,一行共存多个
(放特殊效果文字或小图标)
其他标签
. 强调
加粗: b string
倾斜: i em
删除线:s del
下划线:u ins
图像标签 单标签
" " alt title width height>
属性:alt 替换文本
title 悬停提示文本
width 宽度
height 高度
超链接 双标签
外部链接:http://…
内部链接:… .html
空链接: #
图片、表格
注释
html注释
css /* */
快捷键:Ctrl + ?
相对路径
同级路径:… .jpg
下级路径:…/… .jpg
上级路径:…/img/… .jpg
锚点 页面内部跳转
目标:id = " "
跳转按钮:href = "# "
统一设置a打开方式
"_blank">
特殊符号
空格
< 小于
> 大于
© 版权