当前位置:网站首页 > HTML与CSS基础 > 正文

HTML+CSS零基础教学:每天学习几分钟,轻松掌握HTML(一)_零基础学html css

html是什么?

TML代表“超文本标记语言”,其中“超文本”指的是文本中包含的链接和其他媒体元素,例如图像和视频。

HTML使用标记或标签来定义文档的结构和内容,并使用属性来指定标记的特定属性和值。

html的历史

HTML的历史可以追溯到20世纪80年代早期,当时欧洲核子研究组织(CERN)的一些研究人员开始探索一种新的方式来共享文档和信息。这些研究人员中的一位,蒂姆·伯纳斯-李(Tim Berners-Lee),最终开发出了HTML和其他相关技术,如HTTP和URL,以创建Web。

HTML最初的版本非常简单,只包含一些基本的标记和属性。随着Web的发展,HTML也不断发展和演变,新的标记和属性被添加到语言中,以支持更复杂的Web应用程序和功能。目前,最新版本的HTML是HTML5,它包含许多新的功能和API,如视频和音频支持、本地存储、Web Workers和Web Sockets等。

总之,HTML是Web开发的基础,它使用标记和属性来定义文档的结构和内容。HTML的历史可以追溯到20世纪80年代早期,当时欧洲核子研究组织的一些研究人员开始探索一种新的方式来共享文档和信息。随着Web的发展,HTML也不断发展和演变,新的标记和属性被添加到语言中,以支持更复杂的Web应用程序和功能。

html的版本

HTML有许多版本,最新版本是HTML5。HTML最初的版本非常简单,只包含一些基本的标记和属性。

随着Web的发展,HTML也不断发展和演变,新的标记和属性被添加到语言中,以支持更复杂的Web应用程序和功能

html的基本结构

一个HTML文档由以下几部分组成:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>页面标题</title>
  </head>
  <body>
    页面内容
  </body>
</html>
  • <!DOCTYPE html> 声明文档类型为HTML5。
  • <html> 元素是整个文档的根元素。
  • <head> 元素包含了文档的元数据,如页面标题、关键字等信息。
  • <meta> 元素定义了文档的字符编码、显示方式等信息。
  • <title> 元素定义了页面标题,将会显示在浏览器的标题栏上。
  • <body> 元素包含了页面的主要内容。

常用的html标签

- <h1>到6>:用于表示标题。1>是最高级别的标题,6>是最低级别的标题。 - <p>:用于表示段落。 - <a>:用于表示链接。>标签需要一个href属性,该属性指定链接的URL。 - <img>:用于表示图像。>标签需要一个src属性,该属性指定图像的URL。 - <ul>和<ol>:用于表示无序列表和有序列表。 - <li>:用于表示列表项。 - <table>:用于表示表格。 - <tr>:用于表示表格行。 - <td>:用于表示表格单元格。 

常用属性

以下是一些常用的HTML属性:

- class:用于指定元素的类。类通常用于指定元素的样式。 - id:用于指定元素的唯一标识符。ID通常用于JavaScript和CSS中。 - href:用于指定链接的URL。 - src:用于指定图像的URL。 - alt:用于指定图像的替代文本。如果图像无法加载,替代文本将显示在其位置上。 

html中的注释

使用注释可以在代码中添加一些解释性的文字,而这些文字不会被浏览器渲染。 在HTML中,注释的语法如下:

<!-- 注释内容 -->

html元素和标签的区别

HTML元素和标签是两个不同的概念。

HTML元素是指从开始标签到结束标签之间的所有内容,包括标签本身、标签属性和标签内容

HTML标签则是用于定义HTML元素的名称,通常由尖括号< >包围

总结

以上就是今天要讲的内容,本文简单介绍了HTML的一些小知识点,更多内容可以查看HTML官方文档

到此这篇HTML+CSS零基础教学:每天学习几分钟,轻松掌握HTML(一)_零基础学html css的文章就介绍到这了,更多相关HTML+CSS零基础教学:每天学习几分钟,轻松掌握HTML(一)_零基础学html css内容请继续浏览下面的相关推荐文章,希望大家都能在编程的领域有一番成就!

版权声明


相关文章:

  • 前端零基础入门视频_关于css的基本知识2024-10-30 14:22:35
  • 前端零基础入门_web前端要学哪些东西2024-10-30 14:22:35
  • 10套HTML期末学生结课大作业~html+css+javascript仿叮当电影在线网站(功能齐全)2024-10-30 14:22:35
  • 前端0基础免费教程_HTML5+CSS3网站设计基础教程2024-10-30 14:22:35
  • HTML+CSS零基础教学:每天学习几分钟,轻松掌握HTML(一)2024-10-30 14:22:35
  • Javaweb知识 day08 HTML表单&CSS基础2024-10-30 14:22:35
  • 前端零基础入门视频_HTML+CSS网页设计与制作2024-10-30 14:22:35
  • HTML+CSS零基础教学:每天学习几分钟,轻松掌握HTML(一)2024-10-30 14:22:35
  • Javaweb知识 day08 HTML表单&CSS基础2024-10-30 14:22:35
  • 网页设计——CSS基础_网页设计css教程2024-10-30 14:22:35
  • 全屏图片