HTML-基础-优快云博客

HTML-基础

1.什么式浏览器的内核（重点）

浏览器内核包括两部分:渲染引擎和js引擎。渲染引擎负责读取网页内容，整理讯息，计算网页的显示方式并显示页面，js引擎是解析执行js获取网页的动态效果。

浏览器内核	名称
IE浏览器内核	Trident（传灯特）内核，也是俗称的IE内核；
Chrome(可罗木)浏览器内核	以前是Webkit(外部凯特)内核，现在是Blink内核
Safari(是否v)浏览器内核	Webkit内核；
Firefox浏览器内核	Gecko(改口)内核，俗称Firefox(f儿服饰)内核；
Opera(偶波)浏览器内核	最初是自己的Presto(拍死吐)内核，现在是Blink(布林克)内核；

2.Web 标准构成

Web标准不是某一个标准，而是由W3C和其他标准化组织制定的一系列标准的集合。
w3c 万维网联盟组织，制定web标准的机构。
主要包括结构（Structure）、表现（Presentation）和行为（Behavior）三个方面。

web主要包括结构、表现、行为三方面：

含义	内容
结构	用于对网页元素的进行整理和分类，指的就是html；
表现	用于设置网页元素的版式、颜色、大小等外观样式，指的就是css
行为	指网页模型的定义以及交互的编写，主要指的就是javascript；

简单理解，结构写到html文件中，表现写到css文件中，行为写到Javascript文件中。

3.HTML常用的标签

2.1标签

标签	描述
<h_i>	文本
`<hr/>`	水平线
`<br/>`	换行
`<div>、<span>`	简单来说就是一个容器
`<i> 、<em>`	斜体
`<b>、<strong>`	加粗
`<u>、<ins>`	下划线
`<s>、<del>`	删除线

2.2图像img(重点)

<img src="图像路径"/>

属性：

src：该属性指定图片文件所在的位置，可以是相对路径，也可以是绝对路径。
alt：该属性指定一段文本，用来作为该图片的提示信息。
height：指定图片的高度，属性值可以是百分比，也可以是像素值。
width：指定图片的宽度，属性值可以是百分比，也可以是像素值。
title：当光标放置图片上时的提示的文本信息。

2.3链接标签(重点)

<a href="跳转的目标" target="目标窗口的弹出方式"></a>

属性:

href( Hypertext Reference的缩写)：意思是超文本引用，用于指定链接目标的url地址，当为标签应用href属性时，它就具有了超链接的功能。
target：用于指定链接页面的打开方式，其取值有_self和_blank两种，其中_self为默认值，_blank为在新窗口中打开方式。

注意点：

1.外部链接需要添加 http://www.baidu.com

2.内部链接直接链接内部页面名称即可比如 < a href=“index.html”> 首页

3.如果当时没有确定链接目标时，通常将链接标签的href属性值定义为"#“(即href=”#")，表示该链接暂时为一个空链接。

4.不仅可以创建文本超链接，在网页中各种网页元素，如图像、表格、音频、视频等都可以添加超链接。

2.4锚点定位

步骤：

1.在任意标签中添加一个属性id

<p id="con">关于我们</p>

2.超链接文本标签

<a href="#con">文本</a>

2.5网页的icon图标和搜索引擎

添加icon图标：

<link rel="shortcut icon" href="http://example.com/favicon.ico" type="image/x-icon">

meta元素可提供有关页面的元信息（meta-information）,是html语言head区的一个辅助性标签，位于文档的头部,属性定义了与文档相关联内容。

<meta charset="UTF-8">
<meta name="keywords" content="弱电工程,弱电工程公司,和智电子,弱电工程公司,安防监控工程,综合布线,酒店弱电工程" />
<meta name="description" content="和智电子科技有限公司, 是一家集施工研发,销售,服务于一体的高新技术企业,公司已成功承揽过各类企业弱电工程,酒店弱电工程,政府弱电工程,安防监控工程,智能弱电工程,综合布线工程等。" />

2.6常用的特殊符号

最常用的字符实体

显示结果	描述	实体名称	实体编号
	空格(不换行空格)	` `	` `
	空格（全角）	`&emsp;`	` `
`<`	小于号	`<`	`<`
`>`	大于号	`>`	`>`
`©`	版权	`©`	`©`
&	和号	&amp ;	&#38 ;
®	注册商标	&reg ;	&#174 ;

显示结果	描述	实体名称	实体编号
	空格(不换行空格)	` `	` `
	空格（全角）	`&emsp;`	` `
`<`	小于号	`<`	`<`
`>`	大于号	`>`	`>`
`©`	版权	`©`	`©`
&	和号	&amp ;	&#38 ;
®	注册商标	&reg ;	&#174 ;

显示结果	描述	实体名称	实体编号
	空格(不换行空格)	` `	` `
	空格（全角）	`&emsp;`	` `
`<`	小于号	`<`	`<`
`>`	大于号	`>`	`>`
`©`	版权	`©`	`©`
&	和号	&amp ;	&#38 ;
®	注册商标	&reg ;	&#174 ;

显示结果	描述	实体名称	实体编号
	空格(不换行空格)	` `	` `
	空格（全角）	`&emsp;`	` `
`<`	小于号	`<`	`<`
`>`	大于号	`>`	`>`
`©`	版权	`©`	`©`
&	和号	&amp ;	&#38 ;
®	注册商标	&reg ;	&#174 ;