这些是我在黑马的所学:
网页的组成:文字、图片和超链接等元素构成,还包括了音频、视频等等;
常见的浏览器:
作用:浏览器是显示,运行网页的平台;
主流浏览器:IE、火狐(Firefox)、谷歌(Chrome)、safari和Operra,统称5大浏览器
常见浏览器内核
浏览器内核的作用:读取网页内容;
常见的浏览器内核:
IE(Trident)
Firefox(Gecko)
safari(webkiit)
chrome(chromium/Blink)
Opera(blink)
移动端常见浏览器内核:安卓机器一般都用Webkit内核,ios以及WP7一般都是系统自带浏览器内核,一般是Safari或者Trident内核;
为什么要web标准
由于各个浏览器的内核不同,所以我们要遵循W3C组织制定的web标准让所有浏览器最终显示的效果完全一致‘’
web标准组成(死记硬背)
结构标准(HTML)、表现标准(CSS样式)、行为标准(javascript)
HTML基本介绍
•1、HTML是超文本标记语言,不是编程语言;
•2、用HTML标签来描述网页元素,比如:链接、图片、文字等;
•3、我们需要将所有的标签放在尖括号“<>” 里面
HTML骨架标签
一对html标签嵌套了一对head标签和body标签,head标签主要是给浏览器解析用的,但是title是包含在head标签里面用户可以直接看到,body标签里面的内容是用户真正能够看到的,所以我们的静态布局都要写在body标签里面;
注意:在书写代码的时候要注意所有的标签都要用小写不能用大小
HTML标签分类
双标签:由开始标签<开始标签>和结束标签</结束标签>组成;
例如:<html></html> <body></body> <head></head>
单标签: 不需要包含内容,直接在开始标签最后面添加一个结束的符号/;
例如:<br /> <hr />
注意:双标签就是里面可以包含其他元素的,单标签就不能包含其他元素的;
双标签:h1-h6,p,a,b,strong,u,ins,I,em,s,del,div,span
单标签:<br /> <hr />
HTML标签关系
•嵌套关系 --- 父子级关系
•并列关系 --- 兄弟关系默认结构中DOCTYPE和lang1、<!DOCTYPE html> 告诉浏览器按照HTML5规范解析页面; 2、lang=“国家的语言”,常见的页面语言:en 英语 zh-CN中文; 注意:一般我们考虑到浏览器和操作系统的兼容性问题,目前仍然使用zh-CN属性值; 字符集<meta charset="UTF-8">作用:时间利用字符编码将网页编译成当前国家的文字语言; 常用的字符编码:• Gb2312 简体中文 BIG5 繁体中文 GBK 全部中文(包括简体和繁体中文) • UTF-8 全世界所有国家需要用到的字符(实际工作中用) 标签的语义化的目的语义化标签让代码结构更清晰,方便代码的阅读和维护,也可以让浏览器或者网络爬虫更好的解析从而分析其中的内容,更好得到优化网站的搜索引擎;
|