HTML知识框架 一

2022-11-02 14:42:48 浏览数 (1)


携手创作,共同成长!这是我参与「掘金日新计划 · 8 月更文挑战」的第20天,点击查看活动详情 >>

HTML知识框架

浏览器内核

内核种类
  • Trident:1.国内很多的双核浏览器的其中一核便是 Trident,美其名曰 "兼容模式" 2.代表: IE、傲游、世界之窗浏览器、Avant、腾讯TT、猎豹安全浏览器、360极速浏览器、百度浏览器
  • Gecko:Mozilla FireFox(火狐浏览器) 采用该内核
  • Blink:大部分国产浏览器最新版都采用Blink内核。
  • Webkit :Safari 是苹果公司开发的浏览器,所用浏览器内核的名称是大名鼎鼎的 WebKit。定义
  1. 渲染引擎(layout engineerRendering Engine):取得网页的内容(HTML、XML、图像等等)、整理讯息(例如加入 CSS 等),以及计算网页的显示方式,然后会输出至显示器或打印机
  2. 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" …> 内容
  • 链接标签
代码语言:javascript复制
<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>
  • 锚点定位 :1.使用“a href=”#id名>“链接文本"创建链接文本 2.使用相应的id名标注跳转目标的位置
  • 特殊字符标签 注释标签
代码语言:javascript复制
<!-- 注释语句 -->
  • 路径:
  • 1.相对路径:
代码语言:javascript复制
图像文件和HTML文件位于同一文件夹:只需输入图像文件的名称即可
图像文件位于HTML文件的下一级文件夹:输入文件夹名和文件名,之间用“/”隔开,
图像文件位于HTML文件的上一级文件夹:在文件名之前加入“../” ,如果是上两级,则需要使用 “../ ../”,以此类推,如<img src=" .og.gifi/> ```

  • 2.绝对路径
代码语言:javascript复制
"D:webimglogo.gif" , 或完整的网络地址,例如"http://www.itcast .cn/images/logo.gif"。

0 人点赞