关于HTML学习的总结(第一部分)
来源:互联网 发布:西卡的淘宝店 编辑:程序博客网 时间:2024/05/17 07:25
HTML
1、认识网页
由文字、图像、超链接等元素构成,还包括音频、视频、flash等。
2、常见的浏览器及其内核
浏览器是网页的运行平台,可分为五类;浏览器内核分为渲染引擎和JS引擎。
2.1 IE内核:trident
国内许多双核浏览器的其中一核,其中Edge也是这个。
2.2Firefox(火狐):gecko
代码完全公开,可开发程度高,但是打开速度较慢,升级频繁。
2.3Safari:webkit
苹果公司开发。
2.4Chrome:blink
blink其实是webkit的分支,大部分国产浏览器最新版都采用blink内核。
2.5Opera:presto
是挪威浏览器Opera的前任内核,现在已用blink。
3、web标准
因浏览器的内核不同,其工作原理、解析、显示就会有所不同,通过web标准,可以展示统一内容。
3.1web标准的好处
*让web的发展前景更广阔
*更容易被搜索引擎搜索
*降低网站流量费用
*使网站更易于维护
*提高页面浏览速度
3.2web标准的构成
结构标准、样式标准、行为标准
4、HTML初识
英文全称为hyper text markup language,超文本标签语言。主要通过html对网页中的文本、图片声音等内容进行描述。
4.1骨架书写
4.2标签分类
有双标签和单标签之分,其中单标签极少。
4.3标签关系
分嵌套关系和并列关系
5、熟悉一下所用到的开发工具
sublime、webstorm、Dreamweaver、builder等
6、文档类型<!DOCTYPE>
此标签位于文档的最前面,用于向浏览器说明当前文档使用哪种html或XHTML标准、规范,必须在开头处使用。
(XHTML为扩展超文本语言,两者区别:后者更严谨、功能更强大)
7、字符集
UTF-8包括全世界所有国家需要用到的字符;
gb2312 中国大陆
gbkz 国标扩展,融合简体、繁体中文
BIG5 港澳台,繁体字
8、HTML常用标签
标题标签,如<h1>...<h6>:重要性递减;
段落标签:<p>;
水平线标签:<hr /> 属于单标签;
换行标签:<br /> 属于单标签;
文本格式化标签: <strong></strong> <em></em> <del></del> <ins></ins>
图像标签:<img src=""/> (src为其必须属性)
链接标签:<a href="">
特殊字符标签: 空格;>大于号;<小于号
注释标签:要养成良好的写代码注释的习惯。
9、路径
分为相对路径和绝对路径两种。
相对路径分为三种:*图像文件和HTML文件位于同一文件夹时,只需输入图像名称即可;
*图像文件位于HTML文件下一级文件夹时,输入文件夹名和文件名,中间用“/”隔开;
*图像文件位于HTML文件的上一级文件夹时,在文件夹名之前加“../”,上两级为“../../”,以此类推。
绝对路径:完整的网页链接或者磁盘路径。
- 关于HTML学习的总结(第一部分)
- 关于HTML的学习总结
- 学习JAVA第一部分总结
- HTML笔记(第一部分)
- 普林斯顿大学算法第一部分学习总结(Week1-Percolation)
- HTML基础整理(第一部分)
- HTML基础-第一部分
- (2)前端AngularJS项目party_bid的第一部分总结
- 关于mysql的视图部分的学习与总结
- struts2框架的第一部分的总结
- JSP的爸爸Servlet第一部分总结
- 关于c的部分总结
- html部分(包括浏览器的兼容)知识总结
- HTML学习(基础部分)
- Android2.2移植总结(第一部分)
- Multivariable Calculus 总结(第一部分)
- 关于对HTML CSS Javascript 的学习总结
- 关于HTML的学习
- clearRect()不能清楚路径
- LeetCode 529. Minesweeper 解题报告
- CentOS--MySQL使用教程(二)
- Bootstrap Metro UI CSS
- impala与hive的比较
- 关于HTML学习的总结(第一部分)
- LintCode 带重复元素的子序列
- uva_112 蜜汁runtime error
- 我们前端跟后端是怎么合作的
- java类的加载机制
- solr 6.2.0系列教程(一)环境搭建、索引仓库创建
- POJ1325&&ZOJ1364-Machine Schedule
- Kafka入门经典教程
- pod 上传命令备注