HTML 教程 |菜鸟教程

本教程详细介绍了HTML的基础知识,包括简单的网页结构、文档声明、title和meta标签的使用,以及如何处理编码与乱码问题。还涵盖了常用的HTML标签,如标题、段落、图像(img)等,并讲解了实体的概念及其应用。通过学习,读者能够掌握创建基本网页的技能。
摘要由CSDN通过智能技术生成

   在学习html之前 你首先得要下载一个Visual Studio Code软件,这个软件在Microsoft edge或者是其他的浏览器都可以下载到。Visual Studio Code - Code Editing. Redefinedhttps://code.visualstudio.com/

     在软件下载好之后,在初始页面的左下角有个齿轮,我们点击进行一些必要的插件,点击“扩展”,下载如下的插件: 

 

01.简单的网页机构

<html>
    <body>
        我的第一个页面
    </body>
</html>

在编辑页面里,按鼠标右键,出现的小窗口,点击Open with Live Server ,即会出现如下情况:

02.文档声明

   文档声明  写在html最上面,告诉浏览器我是按照html的规范来编写代码的,浏览器你也要按照规范给我编译,以免代码编译陷入怪异模式,出现乱码

03.title标签

<!DOCTYPE html>
<html>
    <head>
        <title>
            小米商城
        </title>
    </head>
    <body>
        wangqiankun
    </body>
</html>

 title标签是网页的标题,显示在标题栏中,我们一般不关注它显示在哪里,如代码里面显示的,当运行代码时,”小米商城“就是网页的标题,”wangqiankun“则是网页的内容

04.meta标签 

<!DOCTYPE html>
<html
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值