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>

后续

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

批改老师：

天蓬老师

批改状态：合格

老师批语：

本博文版权归博主所有，转载请注明地址！如有侵权、违法，请联系admin@php.cn举报处理！

全部评论文明上网理性发言，请遵守新闻评论服务协议

0条评论

作者最新博文

前端入门基础标签

2020-12-12 20:29:35