下文通常将通过一篇讲述html的基础简介,如下所示
HTML语言说明及功能说明
HTML:
是一个超文本标签语言,是一个文本语言
HTML由一系列标签组成,通过这些标签可以将一些资源组合起来
并传送给浏览器,供浏览器访问(浏览器必须能够渲染html)
html功能:
将服务器或网络上(权限下)的文字、图形、动画、声音、表格、link等信息使用html标签语言组合起来
供浏览器访问
HTML示例
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<title>二八年华(linux28.com)</title>
</head>
<body>
<h1>使用h1标签的网页</h1>
<p>使用段落标签的网页</p>
</body>
</html>
上例中的标签简介
<!DOCTYPE html>:
定义文章为HTML5 文档
<html>:
定义HTML 页面的根元素
<head>:
定义html页面头元素
可包含title meat等网页信息
<title>：
定义文档的标题
<body>:
定义浏览器显示内容
<h1>：
定义大标题
<p>：
定义一个段落
注意事项:
注：在网页空白处,点击右键,选择"网页源文件"或 按键盘上F12开启调试模式,均可查看网页源码。
html大白话简介
HTML是网页描述的基本语言(所有的语言最后都会生成html供浏览器显示)
HTML是超文本标记语言:HyperText Markup Language
HTML是标记语言非编程语言
HTML使用标签定义网页内容
HTML文档通常由HTML标签和文本内容组成，这是html网页的最基本元素
HTML文档通常称之为“网页”(注意动态网页的本质,最后也是生成html网页)
HTML标签
HTML标签由尖括号包围的关键词,如 <title>
HTML标签常成对出现,如 <div> 和 </div>,也由单标签如 <br />
html成对标签，1.为开始标签,2.结束标签(闭合标签)
显示html文档所使用的工具
显示html文档,我们常使用浏览器，如:
google chrome ,ie,firefox,safari
浏览器常将html标签中的内容展示给用户
HTML版本
| 版本 |
发布时间 |
| HTML |
1991 |
| HTML+ |
1993 |
| HTML 2.0 |
1995 |
| HTML 3.2 |
1997 |
| HTML 4.01 |
1999 |
| XHTML 1.0 |
2000 |
| HTML5 |
2012 |
| XHTML5 |
2013 |
<!DOCTYPE> 声明的功能
文档头声明的功能:
<!DOCTYPE>声明帮助浏览器正确显示网页
声明不区分大小写,常见的声明如下所示:
<!DOCTYPE html> <!DOCTYPE HTML> <!doctype html> <!Doctype Html>
HTML5
<!DOCTYPE html>
HTML 4.01
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
XHTML 1.0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
html中如何处理中文编码呢?
中文或其他国家的语言,在浏览器中，如果不进行适当的处理，就会出现乱码
由于网络中的传输为字节流,当字节流转换为相应的语言时，我们必须告诉浏览器当前的编码
使用这种方式浏览器才能正确的显示语言，如：中文编码声明为UTF-8 或 GBK。
例：中文编码的示例
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<title>utf-8编码处理中文网页(linux28.com)</title>
</head>
<body>
<h1>我的第一个utf-8编码中文网页大标题</h1>
<p>我是一个中文段落哦，我最爱学习html</p>
</body>
</html>