一段代码，带你了解前端最基本的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的属性与作用可以看看这篇文章

文章链接

我的个人博客

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

Guess you like