HTML 入门

叁歲伎倆 2023-07-15 04:57 2阅读 0赞

# 什么是 HTML？ #

*  ##### HTML 是用来描述网页的一种语言 #####
 *  ##### HTML 指的是超文本标记语言 (Hyper Text Markup Language) #####
 *  ##### HTML 不是一种编程语言，而是一种标记语言 (markup language) #####

## 举例介绍 ##

<html>
    <body>
    
    <h1>我的第一个标题</h1>
    
    <p>我的第一个段落</p>
    
    </body>
    </html>

*  `<html>` 与 `</html>` 之间的文本 **描述网页**
 *  `<body>` 与 `</body>` 之间的文本是 **可见的页面内容**
 *  `<h1>` 与 `</h1>` 之间的文本被显示为 **标题**
 *  `<p>` 与 `</p>` 之间的文本被显示为 **段落**

## 实例介绍（有图片） ##

*  ## 文本标题 ##

<html>
    <body>
    
    <h1>This is heading 1</h1>
    <h2>This is heading 2</h2>
    <h3>This is heading 3</h3>
    <h4>This is heading 4</h4>
    <h5>This is heading 5</h5>
    <h6>This is heading 6</h6>
    
    <p>请仅仅把标题标签用于标题文本，不要仅仅为了产生粗体文本而使用它们，请使用其它标签或 CSS 代替</p>
    
    </body>
    </html>

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0NvdXJzZXJMaQ_size_16_color_FFFFFF_t_70]

*  ## 段落 ##

<html>
    <body>
    
    <p>这是段落</p>
    <p>这是段落</p>
    <p>这是段落</p>
    
    <p>段落元素由 p 标签定义</p> 
    
    </body>
    </html>

![在这里插入图片描述][20200315155641718.png]

*  ## 超链接 ##

![在这里插入图片描述][20200315155426683.png]

*  ## 显示图片 ##

![在这里插入图片描述][20200315155508354.png]

*  ## 属性（用于改造标签） ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0NvdXJzZXJMaQ_size_16_color_FFFFFF_t_70 1]

*  ### [查看更多HTML标签、属性等][HTML] ###
 *  ### [模拟HTML编辑器][HTML 1] ###

#### 温馨提醒：以上仅适用小白入门 HTML ####

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0NvdXJzZXJMaQ_size_16_color_FFFFFF_t_70]: /images/20230528/f83ec089e0f946eab26e161e600d04a3.png
[20200315155641718.png]: /images/20230528/605bfd1fbd6e4a0581288d3a82282e18.png
[20200315155426683.png]: /images/20230528/f63fd9981a4942e9ad5cd156f38f9c12.png
[20200315155508354.png]: /images/20230528/0c335db8e0d1467a8f4bd074903bfce1.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0NvdXJzZXJMaQ_size_16_color_FFFFFF_t_70 1]: /images/20230528/e9c9d1d05d8e4bbfaa02815b395eda2c.png
[HTML]: https://www.w3school.com.cn/tags/index.asp
[HTML 1]: https://www.w3school.com.cn/tiy/t.asp?f=html_intro