初识HTML(二)---认识HTML文件
代码哈士奇 89 2

认识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>

大家也可以把百度一下的代码保存自己运行下,看看效果 在这里插入图片描述

本次内容讲到这里,大家可以查阅手册进行别的练习。

后续会推出

前端:js入门 vue入门 vue开发小程序 等 后端: java入门 springboot入门等 服务器:mysql入门 服务器简单指令 云服务器运行项目 一些插件的使用等

大学之道亦在自身,努力学习,热血青春 如果对编程感兴趣可以加入我们的qq群一起交流:535620886 974178910 有问题可以下方留言,看到了会回复哦

预览图
评论区

索引目录