鲨鱼网
Django前菜：一篇文章带你学会HTML以及最常用的标签
创始人
2025-07-03 07:31:14
0次

HTML是一种标记语言，用于创建网页。在本文中，我们将介绍HTML的基础知识，代码写入到本地文件，并以.html结尾，双击浏览器打开就可以查看效果。

HTML文档结构

HTML文档由标签组成，每个标签可以包含文本和其他标签。一个HTML文档通常包括以下几个部分：



    
        页面标题
    
    
        页面主体内容
  • ：声明文档类型为HTML5。
  • ：HTML文档的根元素。
  • ：包含页面的元数据，如页面标题、CSS样式表和JavaScript代码等。
  • ：定义页面的标题，会显示在浏览器的标题栏中。</li><li data-id="ld70c578-ovZSXngt"><body>：包含页面的主体内容，如文本、图片、链接等。</li></ul><h2>HTML标签和属性</h2><p style="text-align: justify;">HTML标签用于定义页面的结构和样式，每个标签都有相应的属性用于设置标签的属性和样式。</p><p style="text-align: justify;">下面是一些常用的HTML标签和属性：</p><ul style="text-align: justify;" data-id="ua73dd4b-fIMhM8Bb"><li data-id="ld70c578-aIb0ivwq"><h1>-<h6>：定义标题，数字越小表示标题级别越高。</li><li data-id="ld70c578-tEPMwnyO"><p>：定义段落。</li><li data-id="ld70c578-ArMhPjlc"><a>：定义链接，href属性用于设置链接目标。</li><li data-id="ld70c578-GZRPaNKS"><img>：定义图片，src属性用于指定图片地址。</li><li data-id="ld70c578-JofINbpi"><ul>和<li>：定义无序列表，<ul>表示列表，<li>表示列表项。</li><li data-id="ld70c578-RGlVSbLR"><ol>和<li>：定义有序列表，<ol>表示列表，<li>表示列表项。</li><li data-id="ld70c578-WlKvztYN"><table>、<tr>、<td>：定义表格，<table>表示表格，<tr>表示表格中的行，<td>表示表格中的单元格。</li><li data-id="ld70c578-7HgNxwK0"><div>：定义文档中的区块，用于组合其他元素。</li><li data-id="ld70c578-EMBR87oH"><span>：定义文档中的行内元素，用于设置文本样式。</li></ul><p style="text-align: justify;">下面是一个HTML代码示例：</p><pre class="language-java"><code><!DOCTYPE html> <html> <head> <title>我的网页

    欢迎访问我的网页

    这是一个段落。

    这是一个链接
    • 列表项1
    • 列表项2
    1. 列表项1
    2. 列表项2
    单元格1 单元格2
    单元格3 单元格4

    在这个示例代码中，