HTML的基本结构标签(html,head,title,body)

一,网页工具

下载链接https://code.visualstudio.com/
在这里插入图片描述
VSCode的使用

  1. 新建一个 .html文件
  2. 第一行中,输入 !号,创建基本格式
  3. 快捷键:Ctrl + / 即可添加注释
  4. 自动格式化代码:
    1. 点击文件>>首选项>>设置
    2. 搜索emmet.include
    3. 在settings.json下的【用户】中添加一下语句:
      “editor.formatOnType”: true,
      “editor.formatOnSave”: true
    4. 效果图:在这里插入图片描述
    5. 每次保存时,都会自动格式化代码。

二,了解html,head,title,body标签

  1. 制作简单的网页
    新建一个txt的文本文件里面输入代码:
<!--  
<html> </html> HTML标签   根标签
<head> </head> 网页头部   网页head标签中必须要设置title标签
<title> </title> 网页标题
<body> </body> 网页的主体  页面的内容基本都是在body里
-->
<html>
    <head>
        <title>网页的标题</title>
    </head>
    <body>
        网页的内容
    </body>
</html>

再将文件后缀名改为html或htm
3. 效果图:
在这里插入图片描述

  • 2
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值