HTML-简介【重学】

238 阅读2分钟

HTML是什么?

中文:超文本标记语言

英文:HyperText Markup Language(简称HTML)

是一种用于创建网页的标记语言(不是一门编程语言),你可以尝试使用它,创建一个简单的网页文件,通过浏览器在本地打开。

步骤:

  1. 本地新建一个text文本文件,在里面写复制这段内容<h1>hello world</h1>

image.png

image.png

  1. 点击保存后,将后缀名改为.html。

image.png image.png

  1. 此时如果你的电脑安装了chrome浏览器,双击该文件,如果你能看到如下和编辑器一样的效果,说明你已经成功的使用HTML标记语言,创建了一个属于自己的html页面

image.png

HTML标签又是什么?

像上面<h1>hello world</h1>中的<h1></h1>就是众多标签中的一种标题标签。

特性:标签是由尖括号包裹的关键词组成 HTML中常见的标签有很多,以下是一些常见的标签:

  1. <html>:定义HTML文档的根元素。
  2. <head>:定义HTML文档的头部,包含了文档的元信息。
  3. <title>:定义HTML文档的标题,显示在浏览器的标题栏或选项卡上。
  4. <body>:定义HTML文档的主体部分,包含了网页的内容。
  5. <h1> - <h6>:定义标题,从大到小依次表示不同级别的标题。
  6. <p>:定义段落。
  7. <a>:定义超链接,用于链接到其他网页或文件。
  8. <img>:插入图像。
  9. <ul>:定义无序列表,使用<li>标签来定义列表项。
  10. <ol>:定义有序列表,使用<li>标签来定义列表项。
  11. <table>:定义表格。
  12. <tr>:定义表格的行。
  13. <td>:定义表格的单元格。
  14. <div>:定义文档中的一个区域或容器。
  15. <span>:定义文档中的一小段文本。
  16. <form>:定义用于用户输入的表单。
  17. <input>:定义表单中的输入字段。
  18. <button>:定义按钮。

这只是一些常见的标签,HTML中还有很多其他标签developer.mozilla.org/zh-CN/docs/…,可以根据具体需求使用不同的标签来构建网页的结构和样式。

小结

HTML是前端开发基础且重要的知识点,刚开始学习的时候,需要将常用标签和标签对应定义的内容记牢,后期当真正需要写一个网页页面时,才能根据页面呈现内容,选择对应的标签去做网页内容的展示。