HTML(英文HyperText Markup Language的缩写)中文译为“超文本标记语言”,主要是通过HTML标记对网页中的文本、图片、声音等内容进行描述。HTML提供了许多标记,如段落标记、标题标记、超链接标记、图片标记等,网页中需要定义什么内容,就用相应的HTML标记描述即可。
HTML之所以称为超文本标记语言,不仅是因为它通过标记描述网页内容,同时也由于文本中包含了所谓的“超级链接”点。通过超链接将网站与网页以及各种网页元素链接起来,构成了丰富多彩的Web页面。
HTMl语言发展至今,经历了6个版本:
•超文本标记语言(第一版)——在1993年6月作为互联网工程工作小组(IETF)工作草案发布。
•HTML2.0——1995年11月作为RFC1866发布,在RFC2854于2000年6月发布之后被宣布已经过时。
•HTML3.2——1997年1月14日,W3C推荐标准。
•HTML4.0——1997年12月18日,W3C推荐标准。
•HTML4.01(微小改进)——1999年12月24日,W3C推荐标准。•HTML5.0——2014年10月29日最终制定完成,并公开发布。
目前最新的HTML版本是HTML5,但是各个浏览器对其支持不统一,所以如今大多数的网站采用的还是HTML5版本。
XML虽然数据转换能力强大,完全可以替代HTML,但是面对互联网上成千上万基于HTML编写的网站,直接采用XML还为时过早。因此,在HTML4.0的基础上,用XML的语法规则对其进行扩展,得到了XHTML。
目前国际上,网站设计推崇的Web标准就是基于XHTML的(即通常所说的DIV+CSS)。
超文本是一种组织信息的方式,它通过超级链接方法将文本中的文字、图表与其他信息媒体相关联。这些相互关联的信息媒体可能在同一文本中,也可能是其他文件,或是地理位置相距遥远的某台计算机上的文件。这种组织信息方式将分布在不同位置的信息资源用随机方式进行连接,为人们查找,检索信息提供方便。
1.HTML基本结构
一个基本的HTML文档通常包含以下几个部分
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>我的第一个网页</title>
</head>
<body>
<h1>欢迎来到我的网站!</h1>
<p>这是一个简单的段落。</p >
</body>
</html>
2. HTML标签
HTML标签分为两类:围堵标签和单标签。围堵标签有开始和结束标签,如`<p>`和`</p >`;单标签没有结束标签,如`<img>`。以下是一些常用的HTML标签:
- <h1> - <h6>:标题标签
- <p>:段落标签
- <img>:图片标签
- <a>:链接标签
- <ul> - <li>:无序列表
- <ol> - <li>:有序列表
- <table> - <tr> - <td>:表格
3. HTML属性
HTML属性用于提供有关HTML元素的更多信息。属性总是以键值对的形式出现,例如:
<a href="***" target="_blank">点击这里</a>
4. HTML属性
HTML属性用于提供有关HTML元素的更多信息。属性总是以键值对的形式出现,例如:
<!-- 这是一个注释 -->
以上是简单的HTML教程,了解了HTML的基本概念、结构、标签和属性。请继续学习,掌握更多高级的HTML技巧。
学习参考网站:
1.菜鸟教程:http://www.runoob.com/
菜鸟教程提供最全的编程技术基础教程, 介绍了HTML、CSS、Javascript,Python,Java,Ruby,C,PHP , MySQL等各种编程语言的基础知识,菜鸟入门浏览,很简单
2.w3school 在线教程:http://www.w3school.com.cn/
领先的 Web 技术教程 - 全部免费,在 w3school,你可以找到你所需要的所有的网站建设教程。从基础的 HTML 到 CSS,乃至进阶的XML、SQL、JS、PHP 和 ASP.NET。从左侧的菜单选择你需要的教程!
移动端HTML在线编程网站:
菜鸟工具:https://c.runoob.com/front-end/61
脚本之家:http://tools.jb51.net/code/WebCodeRun
源宝:http://code.ybao.org/
以上网站基本都可以运行前端3大件的编码,且可即时预览
源宝支持的编码解码最多。
课程资源使用说明:在每个小节里配有丰富的习题,其中测一测属于容易程度,练习属于中等程度,任务属于难等级,闯关实践属于略微超纲程度。
学习HTML的过程中,有几点心得体会与大家分享:
1. 实践为主,多动手编写代码:HTML是一门实践性很强的语言,通过编写代码和运行结果,能够更直观地理解HTML的工作原理。
2. 由浅入深,循序渐进:学习HTML时,应该遵循由浅入深的原则,先从基本的HTML标签和结构开始,逐步深入学习更复杂的概念。
3. 学习W3C标准:W3C(万维网联盟)发布了HTML的各种规范和建议,学习W3C标准有助于编写更规范、兼容的HTML代码。
4. 使用开发者工具:浏览器的开发者工具是学习HTML的得力助手,可以帮助我们更直观地查看和调试HTML代码。
5. 掌握CSS和JavaScript:虽然HTML、CSS和JavaScript是三种不同的语言,但它们通常是一起使用的。了解CSS和JavaScript有助于我们更好地使用HTML创建动态、美观的网页。
6. 阅读教程和参考文档:网上有大量的HTML教程和参考文档,参考这些资料可以帮助我们更好地学习HTML。
7. 参加社区和论坛:加入HTML社区和论坛,与其他学习者和开发者交流经验、提问和解答问题,可以提高自己的学习效果。
8. 学习总结和回顾:定期回顾和总结所学内容,有助于加深记忆和提高熟练度。
9. 保持耐心和热情:学习HTML需要时间和耐心。保持热情和信心,持续学习,定能掌握HTML。
通过以上几点心得体会,希望能帮助大家在学习HTML的过程中取得更好的成绩。