一段代码,带你了解前端最基本的HTML基础框架

<html>
    <!-- HTML语言有多个版本,比如HTML4、XHTML2.0、HTML5 HTML5是现在常用的版本-->
    <!-- !DOCTYPE属性是文档声明属性可以告诉网页当前语言使用的是什么版本,比如下面 -->
    <!DOCTYPE HTML>
    <!-- HTML默认为HTML5,所以我们直接<!DOCTYPE HTML> -->

        <!-- 这是HTML语言的注释格式 -->

        <!-- meat标签用来设置网页的元数据,这里是用来设置网页字符集,防止乱码 -->
        <meta charset="utf-8">
        <!-- UTF-8是常见的编码字符集,因为它是通用字符集,所以一般都用UFTF-8 -->
        
        <title> title标签一般是设置网页的标题</title>

    </head>
    <!-- head标签是网页的头部,一般不会在网页中直接出现,主要用来帮助浏览器或搜索引擎来解析网页 -->
    <!-- body是html的子元素,表示网页的主体,网页中所有可见内容都要写在body里面 -->
    <body>
        
        <!-- h1~h6是页面可见标题标签 -->
        <h1>标题一</h1>
        <h2>标题二</h2>

        <font>font是一个字体标签,但是单纯使用不会出现任何变化</font>
        <!-- 为了使font标签起作用,我们可以在标签中加入一些内容 -->
        <font color="red">这样就可以是font标签中的文字变色</font>
        <!-- 在这句代码中,color叫做属性,red叫做属性值 -->
        <!-- 标签中属性可以多个,属性值必须在""中",下面举个例子 -->
        <font color="red" size="35" >属性可以多个,这里有一个color属性和一个size属性,size属性是字体大小属性</font>
        <p></p>
    </body>
</html>

这是HTML语言的最基本框架,当然,它的一些其他的标签和属性没有写出来,想了解的可以看看这一篇文章

文章链接

前端开发往往不是单一语言,而是HTML、CSS和JavaScript等语言的合并开发 CSS的属性与作用可以看看这篇文章

文章链接

我的个人博客

  • 6
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小简(JanYork)

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值