认识HTML文件

文件格式 .html

如果不想下载工具推荐菜鸟的在线编辑
在这里插入图片描述
点击文件新建项目建立一个空项目

本文只介绍部分标签用法，其他的大家可以看手册

head标签具体用法大家可以看w3c的手册
外部引用一些文件链接到某个html文件中时，也需要写在head标签（后面会讲到）

创建完成后

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
    </body>
</html>

接下来要学习的就是html的标签，好比一个机器人有了外壳，但是需要塞一些东西进去，它才会看起来有血有肉

h标签

如下图 h标签是标题标签数字123456表示标签等级也可以理解为大小
在这里插入图片描述

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <h1>代码哈士奇</h1>
        <h2>代码哈士奇</h2>
        <h3>代码哈士奇</h3>
        <h4>代码哈士奇</h4>
        <h5>代码哈士奇</h5>
        <h6>代码哈士奇</h6>
    </body>
</html>

a标签

用来定义超链接
在这里插入图片描述

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
    <a href="https://blog.csdn.net/qq_42027681/category_10546299.html">我是傻狗</a>
    </body>
</html>

img标签

定义图像
在这里插入图片描述

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
    <img src="https://avatar.csdnimg.cn/1/4/4/3_qq_42027681_1604461210.jpg" />
    </body>
</html>