HTML基础入门标签

HTML是一个超文本标签语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言
HTML运行在浏览器中，并且由浏览器中解析，使得我们是不会看到代码的源码标签

HTML标题

HTML的标签由<h1>~<h6>标签来定义的，实例如下：

<!DOCTYPE html>
<html>
    <head>
        <mate charest="utf-8" />
        <meta name="keywords" content="" />
        <title>HTML标签</title>       
    </head>
    <body>
        <h1>这是一个标题</h1>
        <h2>这是一个标题</h2>
        <h3>这是一个标题</h3>
    </body>
</html>

HTML段落

HTML 段落是通过标签 <p> 来定义的，实例如下：

<!DOCTYPE html>
<html>
    <head>
        <mate charest="utf-8" />
        <meta name="keywords" content="" />
        <title>HTML标签</title>       
    </head>
    <body>
        <p>这是一个段落。</p>
        <p>这是另外一个段落。</p>
    </body>
</html>

HTML 链接

HTML 链接是通过标签 <a> 来定义的，实例如下：

<!DOCTYPE html>
<html>
    <head>
        <mate charest="utf-8" />
        <meta name="keywords" content="" />
        <title>HTML标签</title>       
    </head>
    <body>
        <a href="https://www.baidu.com">这是一个链接</a>
    </body>
</html>

<a>标签需要在href 属性中指定链接的地址，<a>除了可以用来跳转，还可以进行锚点跳转，只需要在<a>标签里加入id即可实现锚点跳转

HTML 图像

HTML 图像是通过标签 <img> 来定义的

<!DOCTYPE html>
<html>
    <head>
        <mate charest="utf-8" />
        <meta name="keywords" content="" />
        <title>HTML标签</title>       
    </head>
    <body>
        <img loading="lazy" src="/images/logo.png" width="258" height="39" />
    </body>
</html>

后续

今天的课程知识点就在这，后续复习列表,表格和表单会在后面作业中深入探究

Correcting teacher：

天蓬老师

Correction status：qualified

Teacher's comments：

Statement of this Website

The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!

All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement

0 comments

Author's latest blog post

前端入门基础标签

2020-12-12 20:29:35