HTML第一天——浏览器、Sublime、标签、特殊符号

网页组成部分

文字，图片，超链接，音频，视频

常见浏览器

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　　高度

超链接　 　双标签

" " target="_blank">  
            跳转另起一个页面

外部链接：http://…
内部链接：… .html
空链接：　 #
图片、表格

注释

html注释　 　<！--　-->
css　　　　　/*　*/
快捷键：Ctrl + ?

相对路径

同级路径：… .jpg
下级路径：…/… .jpg
上级路径：…/img/… .jpg

锚点　　页面内部跳转

目标：id = "　"
跳转按钮：href = "#　"

统一设置a打开方式

"_blank">

特殊符号

 ;   空格
<      小于
>      大于
©    版权