浏览器内核(RenderingEngine)负责读取网页内容,组织信息,计算页面显示方式,显示页面浏览器内核备注IETridentIE,猎豹安全,360至尊浏览器,百度浏览器FirefoxGecko--SafariWebKit--ChromeChromium/BlinkBlink是WebKit的一个分支。Blink渲染引擎(浏览器核心)是在Chromium项目中开发的,内置于??Chrome浏览器中。国内最新版本的浏览器大多采用Blink内核。第二个开发是OperaBlink--Android。最常用的是WebKit内核;ios,大部分都有自己的浏览器内核,通常是Safari或TridentWEB标准组成,主要包括三个方面:结构、表现和行为。标准描述结构用于组织网页元素分类性能性能用于设置网页元素的布局、颜色和大小等行为行为是指定义网页模型和交互编写HTMLHTML是指超文本标记语言(HyperTextMarkupLanguage)HTML不是一种编程语言,而是一种标记语言(markuplanguage)标记语言是一组标记标签(markuptag)的HTML骨架标签
标签名称定义说明HTML标签页中最大的标签,根标签的头部document必须在head标签中设置为title
文档的标题让页面有自己的网页标题文档的主体元素包含了所有的内容文档,而页面的内容基本放在body中HTML元素标签1、常规元素(双标签)<标签名>内容标签名>“<标签名>”表示标签功能的开始,一般称为“开始标签”、“标签名>"表示标签作用的结束,一般称为“结束标签”2.空元素(单个标签)<标签名/>空元素用单个标签表示,不包含内容HTML标签关系1.嵌套关系
2.并列关系文档类型声明在前面文档,在标签之前,告诉浏览器文档使用的是哪种HTML或XHTML规范的页面语言语言是中文字符集
的多个字符的集合。要准确处理各种字符集字符,计算机需要进行字符编码,以便计算机能够识别和存储各种字符。useGBK:包含所有汉字,是GB2312的扩展,增加了对繁体字的支持,兼容GB2312UTF-8:基本上包括了世界上所有需要使用的国家字符的语义标记的含义HTML标签,方便代码阅读和维护,让浏览器或网络爬虫能够很好的解析,从而更好的分析内容,对搜索引擎有更好的优化HTML常用标签layouttagstitletaghword缩写:headhead提供了六个层次,作为标题使用,基本语法格式为:标题文字
标题文字
标题文字标题text
Titletext
Titletext
Titletext
Paragraph标签词缩写:paragraph段落将HTML文档分成几个段落并显示textinorderedout
文本内容
默认情况下,段落中的文本会根据浏览器窗口的大小自动换行。间隔开使文档结构清晰、条理分明,可以通过插入图片来实现,也可以简单地通过更改
换行标签单词缩写:breakBreak强制一行文本换行显示
**div和span标签div:division的缩写,意思是划分和区分span:span,span;rangeThisisthehead
Today'sprice都是安装页面元素的框div标签用于布局,一行只能放置一个divspan标签进行布局,多个跨度可以连续放置。文本格式化标签标签显示效果文本显示为粗体(XHTML推荐使用strong)文本显示为斜体(XHTML推荐使用em)文本显示为带删除线(XHTML推荐使用del)和/ins>文本用下划线显示(XHTML不支持使用u)标签Attribute属性是外部特征<标签名属性1="属性值1"属性2="属性值2"...>内容image标签词缩写:imageimagesrc属性用于指定图片文件的路径和文件名。是img标签的必填属性
标签属性attribute属性值描述srcURL图片路径alttext鼠标悬停时图片无法显示时替换texttitletext显示内容宽度像素(XHTML不支持%pagepercentage)设置图片高度像素的宽度(XHTML不支持%页百分比)设置图片边框高度number设置图片边框宽度标签可以有多个属性,必须写在开始标签中,位于标签名,属性不分先后,标签名与属性,属性与属性之间均以空格分隔,键值对格式为key="value"链接标签词缩写:anchor锚点textorimage属性函数href用于锁定链接目标地址,(必填属性)当href属性应用于标签,它具有超链接的功能。target用于锁定链接页面的打开方式。它的值有两种类型:self和blank,其中self是默认值,_blank为了在新窗口中打开外部链接,需要添加http://internal链接,并且只截取链接的内部页面名称。如果当时没有确定链接目标,链接标签的href属性值通常定义为“#”(即href=“#”),表示该链接暂时为空链接。不仅可以创建文本超链接,还可以在页面上为各种网页元素添加超链接评论标签。添加一些不需要显示的易读易懂的HTML文档页面中的评论文字快捷键为:ctrl+/或ctrl+shift+/路径可分分为相对路径和绝对路径。directory文件夹存放页面需要的相关素材根目录文件文件夹的一级相对路径是根据引用文件所在网页的位置,建立目标路径。保存在不同目录下的网页引用同一个文件时,使用的路径是不同的。输入图片文件名进入下一级路径“/”图片文件位于与HTML文件同级文件夹和上一级路径“../”文件名前,添加“../”,如果是上两层,那么就需要用“../../”绝对路径来引用以网站根目录为准的目录路径,也就是说当所有的网页都引用同一个文件,使用的路径相同,符号为“”而不是“/”锚点定位通过创建锚点链接快速定位目标内容1.使用对应的id名称标记跳转位置target(找到目标)Episode22.使用链接文字创建链接文字(clicked)(拉关系)basetagbase可以设置整体链接的开启状态,base写入之间,默认给所有链接添加target="_blank"预格式化文本前置标签这个例子演示了如何使用pre标签来控制空行和空格
被包围标签元素中的文本通常会保留空格和换行符,文本也会以等宽字体呈现。标签中的文字将根据书写模式显示。段落和换行标签不是必需的,但很少使用,因为它们不利于整体控制。特殊字符特殊字符说明字符空格字符<小于符号>大于符号&and符号¥RMB?Copyright?注册商标°Celsius±sign×乘号÷除号2square2(上标2)3cubic3(上标3))Table表格常用来展示表格数据,尤其是在后台展示数据的时候,熟练使用表格很重要创建表格
table用于定义表格标签,tr标签用于定义表格中的行,必须嵌套在table标签中,td用于定义单元格在表格中,必须嵌套在
标签中,字母td指的是表格数据,即数据单元格的内容。表格的主要用途是显示特殊数据。"无边框)像素值cellspacing设置单元格与单元格边框之间的空白间距像素值(默认为2像素)cellpadding设置单元格内容与单元格边框之间的空白间距像素值(默认为1像素)width设置表格的宽度(以像素为单位)height设置表格的高度(以像素为单位)align设置表格在网页中的水平对齐方式left,center,right表格标题单元格标签一般表格标题单元格位于第一行或第一个表格的列,且文字加粗居中,只需将对应的 | 替换为表头标签 | 即可得到表格标题captioncaptain元素定义了表格的标题,通常这个标题会居中显示在表格上,标签必须跟在表格标签后面,只有存在于表格中才有意义。”合并acrosscolumns:colspan="Thenumberofmergedcells"合并顺序:先上后下,先左后右合并三部曲:1.判断是跨行还是跨列2.根据合并顺序找到目标单元格,并然后写入合并方法和要合并的单元格个数3.删除多余的单元格表格划分结构表头、正文和脚注,分别使用:thead、tbody、tfoot来标记结构和文字风格一致的列表标签容器或者a图标的形式,称为列表。清单的最大特点是整齐、整齐、有序。它类似于桌子,可以自由组合。在无序列表ul中的每个列表项之间没有顺序级别,是平行的- listitem1
- listitem2
- listitem3
...
只能嵌套,不允许在标签中直接输入其他标签或文字,和相当于一个容器,它可以容纳所有元素。无序列表会有自己的style属性orderedlistol有一个sortedlist,每个列表项按照一定的顺序排列定义- Listitem1
- Listitem2
- Listitem3
......
所有的特征都和ul基本一致,但是在实践中比较无序,List用的少很多。自定义列表通常用于解释和描述术语或名词。定义列表的列表项之前没有项目符号。- 名词1
- 名词1解释1
- 名词1解释2
...- 名词2
- 名词2解释1
- 名词2解释2
...
表单标签的作用是收集用户信息。表单域通常由三部分组成:表单控件(也称表单元素)、提示信息、表单域:相当于所有表单控件和提示信息的容器,可以定义程序使用的url地址处理表单数据,以及向服务器提交数据的方法。如果没有定义表单域,则表单中的数据无法传输到后台服务器表单标签输入控件input表示输入。标签针对单个标签的type属性设置不同属性值用于指定不同的控件类型。除了类型属性外,还有其他属性。常用属性:attribute属性值描述text单行文本输入框password密码输入框radiobuttoncheckboxcheckboxtypebuttonnormalbuttonsubmit提交按钮resetreset按钮文件图片形式的提交按钮。字段名称是用户自定义控件的名称。该值是用户定义的输入控件中的默认文本值。大小是一个正整数。输入控件在页面上的显示宽度。maxlength正整数控件允许输入的最大字符数。type属性通过改变值来决定它属于哪种输入形式。value是输入的默认初始值。后台可以通过name属性找到表单。如果是一组,则必须命名相同,可以实现其中一个label标签的多选为了提高用户体验,为input元素定义一个标签(label),用于绑定一个form元素.当label标签被点击时,绑定的表单元素将获得输入焦点绑定元素方法:1、使用label只包含输入表单适用于单个表单选项2.for属性指定标签绑定到哪个表单元素maletextarea控件(文本域)通过textarea控件Label可以方便的创建多行文本输入框,通过valueUsername显示默认值,昵称,密码等textarea文本域可以显示多行文本双标签,默认值写在标签中间的留言板中select下拉列表select至少包含一对选项。在option中定义selected="selected"时,当前item为默认选中的itemformformfieldformtag定义formfield实现用户信息的收集和传递,form中的所有内容都会被提交到server各种表单控件常用属性:attribute属性值作用actionurl地址用于指定服务端程序的url地址接收和处理表单数据的methodget/post用于设置表单数据的提交方式,其值为get或postnamename用于指定表单的名称,为了区分同一页面的多个表单,每个表单应该有自己的表单域,但是跟ajax后台交互的时候,form表单域必须是required