HTML5基础学习笔记（一）
2016-07-07 16:37
405 查看
一、HTML概念
1.名词解释
Internet：因特网，互联网。可以实现全球信息互联的网络。
WWW：万维网（world wide web），它是提供网站相关服务，人们可以通过万维网服务进行网上聊天、网上冲浪、网购、搜索资料、查看天气、查看新闻、交友聊天等。
W3C：万维网联盟创建于1994年.是Web技术领域最具权威和影响力的国际中立性技术标准机构。我们后面学的html、css等标准都是由此机构主导制定。国内的淘宝等网站也是该成员。
HTTP：超文本传输协议（HTTP，HyperTextTransfer Protocol），也就是浏览器和服务器端的网页传输数据的约束和规范。
Web：web （互联网总称）web的本意是蜘蛛网和网的意思，在网页设计中我们称为网页的意思。现广泛译作网络、互联网等技术领域。表现为三种形式，即超文本（hypertext）、超媒体（hypermedia）、超文本传输协议（HTTP）等。
DNS：DNS（Domain NameSystem，域名系统），因特网上作为域名和IP地址相互映射的一个分布式数据库，能够使用户更方便的访问互联网，而不用去记住能够被机器直接读取的IP数串。通过主机名，最终得到该主机名对应的IP地址的过程叫做域名解析（或主机名解析）
2.html简介
HTML（英文Hyper TextMarkup Language的缩写）中文译为“超文本标记语言”，主要是通过HTML标记对网页中的文本、图片、声音等内容进行描述。
HTML提供了许多标记，如段落标记、标题标记、超链接标记、图片标记等，网页中需要定义什么内容，就用相应的HTML标记描述即可。
HTML之所以称为超文本标记语言，不仅是因为他通过标记描述网页内容，同时也由于文本中包含了所谓的“超级链接”点。通过超链接将网站与网页以及各种网页元素链接起来，构成了丰富多彩的Web页面。
二、HTML结构
<!DOCTYPE html> 文档声明部分
<html lang="en">
<head> 头部
<meta charset="UTF-8">
<title>Document</title>
</head>
<body> 主体部分
</body>
</html>
三、HTML语法
1.HTML标签以 ”<“开头。
2.紧接着就是标签名（中间没空格）
3.标签名之后如果有属性的话，加空格然后是 属性名=""
4.如果有多个属性，属性间用空格隔开，空格可以有多个。
5.属性结束后可以加一个或多个空格。
6.然后是结束标签">",如果是闭合标签需要在标签名前加”/"，例如：</html>
7.单标签，斜线没有任何意义，可有可无。
8.标签中间可嵌套内容。
四、头部标签介绍
1.Head标签中设置都是用于给浏览器使用的一些配置和设置。比如meta标签告诉浏览器当前文档的编码格式。
2.<meta>标记：定义页面信息
（1）<meta name=" " content=" " />
name属性的值：keywords：设置网页关键字
description：设置网页藐视
author：设置网页作者
（2）<meta http-equiv=" " content=" " />
http-equiv属性可以设置服务器发送给浏览器的HTTP头部信息，为浏览器显示该页面提供相关参数。
http-equiv提供参数类型，content提供参数值。
属性值：content-type，设置字符集，content属性值是text/html,charset=utf-8;
refresh,设置页面自动刷新与跳转，content属性值为数字和URL。
3.<link>标记
（1） 引入DNS预先解析
dns预解析(了解)
<linkrel="dns-prefetch" href="http://mimg.127.net">
最开始的时候，用dns去解析域名对应的IP地址，后面再用到的时候，浏览器就不用再使用dns，直接使用缓存
可以有效的提高后续访问网站的效率
（2）引入网站icon图标：
<linkrel="shortcut icon" href="http://www.126.com/favicon.ico"/>
（3）引入css样式，【后面讲】
<linkrel="stylesheet" href="css/bg.css"
4.<style>标记：内嵌样式标记
CSS样式的一种使用方式。后面具体讲。
<style 属性=“值”>样式内容</style>
五、文本控制标记
1.标题标记
<h1> <h2> <h3>
注意：一个页面只能用一个<h1>
2.段落标记
<p>段落</p>
3.水平线标记
<hr />
4.换行标记
<br />
1.名词解释
Internet：因特网，互联网。可以实现全球信息互联的网络。
WWW：万维网（world wide web），它是提供网站相关服务，人们可以通过万维网服务进行网上聊天、网上冲浪、网购、搜索资料、查看天气、查看新闻、交友聊天等。
W3C：万维网联盟创建于1994年.是Web技术领域最具权威和影响力的国际中立性技术标准机构。我们后面学的html、css等标准都是由此机构主导制定。国内的淘宝等网站也是该成员。
HTTP：超文本传输协议（HTTP，HyperTextTransfer Protocol），也就是浏览器和服务器端的网页传输数据的约束和规范。
Web：web （互联网总称）web的本意是蜘蛛网和网的意思，在网页设计中我们称为网页的意思。现广泛译作网络、互联网等技术领域。表现为三种形式，即超文本（hypertext）、超媒体（hypermedia）、超文本传输协议（HTTP）等。
DNS：DNS（Domain NameSystem，域名系统），因特网上作为域名和IP地址相互映射的一个分布式数据库，能够使用户更方便的访问互联网，而不用去记住能够被机器直接读取的IP数串。通过主机名，最终得到该主机名对应的IP地址的过程叫做域名解析（或主机名解析）
2.html简介
HTML（英文Hyper TextMarkup Language的缩写）中文译为“超文本标记语言”，主要是通过HTML标记对网页中的文本、图片、声音等内容进行描述。
HTML提供了许多标记，如段落标记、标题标记、超链接标记、图片标记等，网页中需要定义什么内容，就用相应的HTML标记描述即可。
HTML之所以称为超文本标记语言，不仅是因为他通过标记描述网页内容，同时也由于文本中包含了所谓的“超级链接”点。通过超链接将网站与网页以及各种网页元素链接起来，构成了丰富多彩的Web页面。
二、HTML结构
<!DOCTYPE html> 文档声明部分
<html lang="en">
<head> 头部
<meta charset="UTF-8">
<title>Document</title>
</head>
<body> 主体部分
</body>
</html>
三、HTML语法
1.HTML标签以 ”<“开头。
2.紧接着就是标签名（中间没空格）
3.标签名之后如果有属性的话，加空格然后是 属性名=""
4.如果有多个属性，属性间用空格隔开，空格可以有多个。
5.属性结束后可以加一个或多个空格。
6.然后是结束标签">",如果是闭合标签需要在标签名前加”/"，例如：</html>
7.单标签，斜线没有任何意义，可有可无。
8.标签中间可嵌套内容。
四、头部标签介绍
1.Head标签中设置都是用于给浏览器使用的一些配置和设置。比如meta标签告诉浏览器当前文档的编码格式。
2.<meta>标记：定义页面信息
（1）<meta name=" " content=" " />
name属性的值：keywords：设置网页关键字
description：设置网页藐视
author：设置网页作者
（2）<meta http-equiv=" " content=" " />
http-equiv属性可以设置服务器发送给浏览器的HTTP头部信息，为浏览器显示该页面提供相关参数。
http-equiv提供参数类型，content提供参数值。
属性值：content-type，设置字符集，content属性值是text/html,charset=utf-8;
refresh,设置页面自动刷新与跳转，content属性值为数字和URL。
3.<link>标记
（1） 引入DNS预先解析
dns预解析(了解)
<linkrel="dns-prefetch" href="http://mimg.127.net">
最开始的时候，用dns去解析域名对应的IP地址，后面再用到的时候，浏览器就不用再使用dns，直接使用缓存
可以有效的提高后续访问网站的效率
（2）引入网站icon图标：
<linkrel="shortcut icon" href="http://www.126.com/favicon.ico"/>
（3）引入css样式，【后面讲】
<linkrel="stylesheet" href="css/bg.css"
4.<style>标记：内嵌样式标记
CSS样式的一种使用方式。后面具体讲。
<style 属性=“值”>样式内容</style>
五、文本控制标记
1.标题标记
<h1> <h2> <h3>
注意：一个页面只能用一个<h1>
2.段落标记
<p>段落</p>
3.水平线标记
<hr />
4.换行标记
<br />
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- HTML5学习笔记02——列表
- html5 canvas 2d 绘图
- HTML5学习---必学的14大知识点（资源大全）
- 文字 11种HTML5和CSS3炫酷文字样式和鼠标滑过特效
- QQ物联打造H5里的“3D全景漫游”秘籍
- html5 form上传值
- h5地理定位
- [Html5]画布canvas以及动态生成算法
- HTML5之语义标签介绍
- 很漂亮的HTML5后台管理系统模板gebo_admin_v1.6代码下载
- HTML5之tabindex属性全面解析
- HTML5之FileReader的使用
- Web Storage
- HTML5混编学习笔记：HTML5入门
- HTML5学习笔记01——文本标签
- Canvas_1
- 使用JQ播放和暂停HTML5的视频
- HTML5 贝塞尔绘画 桃心
- HTML5新特性之-—视频
- 利用简洁的图片预加载组件提升h5移动页面的用户体验