携手创作,共同成长!这是我参与「掘金日新计划 · 8 月更文挑战」的第20天,点击查看活动详情 >>
HTML知识框架
浏览器内核
内核种类
- Trident:1.国内很多的双核浏览器的其中一核便是 Trident,美其名曰 "兼容模式" 2.代表: IE、傲游、世界之窗浏览器、Avant、腾讯TT、猎豹安全浏览器、360极速浏览器、百度浏览器
- Gecko:Mozilla FireFox(火狐浏览器) 采用该内核
- Blink:大部分国产浏览器最新版都采用Blink内核。
- Webkit :Safari 是苹果公司开发的浏览器,所用浏览器内核的名称是大名鼎鼎的 WebKit。定义
- 渲染引擎(layout engineerRendering Engine):取得网页的内容(HTML、XML、图像等等)、整理讯息(例如加入 CSS 等),以及计算网页的显示方式,然后会输出至显示器或打印机
- JS 引擎:JS 引擎 则是解析 Javascript 语言,执行 javascript语言来实现网页的动态效果。web构成
- 结构标准:结构用于对网页元素进行整理和分类,主要包括XML和XHTML两个部分。
- 样式标准:表现用于设置网页元素的版式、颜色、大小等外观样式,主要指的是CSS。
- 行为标准:行为是指网页模型的定义及交互的编写,主要包括DOM和ECMAScript两个部分标签 标签分类
- 双标签 <标签名> 内容 <标签名 />
- 单标签 <标签名 />标签分类
- 嵌套关系
- 并列关系字符集
- utf-8是目前最常用的字符集编码方式
- gb2312 简单中文 包括6763个汉字
- BIG5 繁体中文 港澳台等用
- GBK包含全部中文字符
- UTF-8则包含全世界所有国家需要用到的字符常用标签
- 排版标签主要和css搭配使用,显示网页结构的标签,是网页布局最常用的标签。
- 标题标签 <h1> <h2> <h3> <h4> <h5> <h6>
- 段落标签 <p>文本内容 </p>
- 水平线标签 </hr>是单标签
- 换行标签 </br>
- div span标签(布局盒子) <div>这是头部</div> <span>今日价格</span>
- 文本格式化标签 :1.b i s u 只有使用 没有 强调的意思 2.strong em del ins 语义更强烈
- 标签属性 <标签名 属性1="属性值1" 属性2="属性值2" …> 内容
- 链接标签
<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>
- 锚点定位 :1.使用“a href=”#id名>“链接文本"创建链接文本 2.使用相应的id名标注跳转目标的位置
- 特殊字符标签 注释标签
<!-- 注释语句 -->
- 路径:
- 1.相对路径:
图像文件和HTML文件位于同一文件夹:只需输入图像文件的名称即可
图像文件位于HTML文件的下一级文件夹:输入文件夹名和文件名,之间用“/”隔开,
图像文件位于HTML文件的上一级文件夹:在文件名之前加入“../” ,如果是上两级,则需要使用 “../ ../”,以此类推,如<img src=" .og.gifi/> ```
- 2.绝对路径
"D:webimglogo.gif" , 或完整的网络地址,例如"http://www.itcast .cn/images/logo.gif"。