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标签
标签 | 描述 |
---|---|
<hi> | 文本 |
<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常用的特殊符号
最常用的字符实体
显示结果 | 描述 | 实体名称 | 实体编号 |
---|---|---|---|
| 空格(不换行空格) | |   |
| 空格(全角) |   |   |
< | 小于号 | < | < |
> | 大于号 | > | > |
© | 版权 | © | © |
& | 和号 | & ; | & ; |
® | 注册商标 | ® ; | ® ; |