走进HTML
HTML (Hyper Text Markup Language 超文本标记语言)+HTML的全称为超文本标记语言，是一种标记语言。它包括一系列标签，通过这些标签可以将网络上的文档格式统一，使分散的lnternet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。+ 超文本是一种组织信息的方式，它通过超级链接方法将文本中的文字、图表与其他信息媒体相关联。这些相互关联的信息媒体可能在同一文本中，也可能是其他文件，或是地理位置相距遥远的某台计算机上的文件。这种组织信息方式将分布在不同位置的信息资源用随机方式进行连接，为人们查找，检索信息提供方便。
HTML概述
html的发展史：
HTML1.0——发展1993年，HTML2.0——发展1995年，HTML3.2——发展1996年，HTML4.0——发展1997年，
HTML4.0.1——发展1999年，HTML5.0———发展2013年。
1.HTML5
1.解决了跨浏览器问题
2.新增特性
html5的新特性：1、用于绘画的canvas元素；2、用于媒介回放的video和audio元素；3、对本地离线存储的更好的支持；4、新的特殊内容元素，比如article、header、nav等；5、新的表单控件，比如date、time等。本教程操作环境：windows7系统、HTML5版、Dell G3电脑。
3.化繁为简优势
2.HTML5 基本结构
1.3HTML5文件的基本结构如下。
（1）文件类型声明。
此标签说明文件说HTML5文件。所有的HTML5文件开始于文件声明之后，它说明了文件的类型及其所遵守的标准规范集。
（2）< html>标签对。
< html >标签位于HTML5文件的最前面，用来识别HTML5文件的开始；</ html >标签位于HTML5文件最后面，用来标识HTML5文件的结束
（3）< head>标签对。
< head >标签可以包含一些辅助性标签，如< title>< link>< meta >< style>< script>等。浏览器会在标题栏显示< title>元素的内容。
（4）< body>标签对。
< body>标签是HTML5文件的主体部分，在此标签中可以包含< p>< hl>< div>< ul>< li>等众多标签，< body>标签出现在</ head>标签之后，且必须在标签</ html>之前闭合。
(5)< mate>标签对
meta是HTML语言head区的一个辅助性标签，位于文档的头部，不包含任何内容。 标签的属性定义了与文档相关联的名称/值对。
（6）< title >标签对
title标题主要用于告诉用户和搜索引擎这个网页的主要内容是什么，而且当用户在百度网页搜索中搜索到你的网页时，title会做为最重要的内容显示在摘要中，搜索引擎在判断一个网页内容权重时，title是主要参考信息之一
1.4HTML5的优势
3.1a.Html5具有合理的扩展能力，具备良好的跨平台性能，能有效提高工作效率。针对不支持新特性的老版本IE浏览器，只需简单添加JavaScript代码就可以使用新元素。
<!DOCTYPE html>
<html lang="en">
<tead>
<title>网页标题</title>
</head>
<body>
网页内容
</body>
</html>
3.HTML5 基本标签
1.网页标签
<title>网页标题</title>
2.段落标签
<p>段落...</p >
3.换行标签
<br/>
4.水平线标签
<hr/>
5.字体样式标签
<strong>加粗字体</strong>
<em>字体倾斜</em>
6.注释
<!--注释-->
7.字符实体
空格
大于号（>）≥
小于号（<）<
引号（"）"
版权符号 ©
4.图像标签
语法：< img src="图像地址"width=""heigth=""alt=""title=""/>
属性：
width 定于图像的宽度
height 定义图像的高度
alt 图像不能显示时的替代显示的文字
title 鼠标悬停时显示文字
1.JPG格式是一种使用有损压缩方法保存的图像格式
2.PNG格式是一种无损压缩的位图片形格式(抠图后的样子)
3.GLF格式是一种动态图片
3.BMP格式是一种无损压缩的位图片形格式
5.四.超链接标签
1.语法：
< a href=" >文字或图片</ a>
target=-self
（为默认值表示在自身的窗打开）
target=-blank （表示在新的窗门打）
2.锚点链接
< a href=""#id名>链接文本</ a>
其中 #id名 用来指定链接目标的id名称 再跳转到该页面
锚点id属性 在href中设置id属性
四种href地址：
1.绝对路径：是指目录下的绝对位置，直接达到目标位置，通常是从盘符开始的路径。（不可在服务中使用）例如：D:\o\R-C.JPG
2.相对路径：相对路径就是指由这个文件所在的路径引起的跟其它文件（或文件夹）的路径关系。
3.服务器路径：服务器发布服务使用的URI/URL，服务器上存储某个文件的文件路径，使用的管道，或者是消息通讯的路由都可以被业余的人称之为“服务器路径”。
4.网络路径：https://ts1.cn.mm.bing.net/th/id/R-C.0e5915d159ff2a627f7cb8ef2cd9e8d6?rik=u%2f1to8ykEjsUzg&riu=http%3a%2f%2fimg.mm4000.com%2ffile%2fe%2f5a%2fd73da7e717.jpg&ehk=oKFzfB0Sm41QVOC9jmkLZJjMBr0kz2FsHO6Pu5%2bz09s%3d&risl=&pid=ImgRaw&r=0
6.行内元素和块级元素
块级元素指的是无论内容多少都只占用一行且结束换行
块级元素指的是宽度由他们内容决定而其他标签可以接着在同一行排列
180
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
