HTML学习第一章（HTML简介及Html文档的基本结构）

正趣果上果好吃呀

已于 2023-03-23 22:19:29 修改

阅读量228

点赞数

分类专栏： HTLM 文章标签： html 学习 Powered by 金山文档

于 2023-02-24 23:16:01 首次发布

本文链接：https://blog.csdn.net/Baileys_99/article/details/129210056

版权

HTLM 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

HTML是一种标记语言，用于描述网页内容。它由标签组成，如<!DOCTYPEhtml>、<html>、<head>和<body>等，用于构建网页的基本结构。元数据通过<meta>标签处理，包括字符集、页面描述和视口设置。网页内容在<body>标签内，而<head>包含文档头部信息，如标题和样式引用。

摘要由CSDN通过智能技术生成

HTML简介

HTML是超文本标记语言（HyperText Markup Languge）；

不是编程语言，是标记语言；

标记语言是由一套标记标签（markup tag）组成；

用来描述网页；

HTML文档包含了HTML标签和文本内容；

也称为web页面。

HTML文档（网页）

创建 .html(或者.htm)文件。

生成基本结构代码 : ! (英文)+ enter键。

HTML文档的基本结构

<!DOCTYPE html> 
<!-- 文档类型声明：告诉浏览器使用html的哪一套标准去渲染网页，html 表示的是html5标准 -->
<html lang="en"> 
<!-- 根元素：代表了网页的开始和结束.lang="zh-CN":该属性用来指定网页语言为中文  -->
<head>
   <!-- 
        head标签是网页的头元素，用于定义文档头部，它是所有头部元素的容器.
        <head>中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。
    -->
   <meta>
     <!-- 
          meta标签描述了一些基本的元数据.
          标签提供了元数据.元数据也不显示在页面上，但会被浏览器解析.
          <meta>元素通常用于指定网页的描述，关键词，文件的最后修改时间，作者，和其他元数据.
          元数据可以使用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他Web服务.
     -->
   <meta charset="UTF-8">
     <!-- 
          设置网页的编码方式（字符集），避免出现乱码.
          字符集：
          utf-8: 国际编码（万国码），兼容多种语言（中英文、韩语、日语...）.
          gb2312: 国标（简体中文）.
          gbk:国标扩 （简体、繁体中文）.
     -->
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!--
         http-equiv 属性用于提供HTTP协议的响应头报文（小文档头），它以名称/值形式进行设置.
         http-equiv 属性的值所描述的内容通过content属性表示，通常是在网页加载前提供经浏览器等设备使用.
         重要的属性值有 content-type(提供编码信息)，refresh(刷新与跳转页面)、no-cache(页面缓存)以及expires(网页缓存过期时间).
     -->
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <!--
          name属性用于描述设置内容的名称，其值所描述的内容通过content属性表示，便于搜索引擎查找、分类.
          最重要的属性值有dscription,keywords和robots.        
     -->
  <base href="url" target="_blank">
     <!--
          base标签描述了基本的链接地址/链接目标，该标签作为HTML文档中所有的链接标签的默认链接.
      -->
  <link rel="stylesheet" type="text/css" href="theme.css">
     <!--
          link标签定义了一个文档和外部资源之间的关系，标签通常用于链接到样式表.
          href:设置或返回被链接资源的URL.
          hreflang:设置或返回目标URL的基准语言.
          media:设置或返回文档显示的设备类型.
          rel:设置或返回当前文档与目标URL之间的关系.
          type:设置或返回目标URL的MIME类型.
          charset:设置或返回目标URL的字符编码.
          rev:设置或返回目标URL与当前文档之间的关系.
      -->
  <style type="text/css" scoped></style>
     <!--
          style标签定义了HTML文档的样式文件引用地址，<style>元素中你也可以直接添加样式来渲染HTML文档.
          media:media_query.为样式表规定不同的媒体类型.
          scoped:scoped.私有化属性.如果使用该属性，则样式仅仅应用到style元素的父元素及其子元素.
          type:text/css.规定样式表的MIME类型.
      -->
   <script type="text/javaScript" src="url"></script>
    <!--
          script标签标签用于加载脚本文件，如:JavaScript.
          asyncNew:async.规定异步执行脚本（仅适用于外部脚本）.
          charset:charset.规定在脚本中使用的字符编码（仅适用于外部脚本）.
          defer:defer.规定当页面已完成解析后，执行脚本（仅适用于外部脚本）.
          src:URL.规定外部脚本的URL.
          type:MIME-type.规定脚本的MIME类型.
      -->
  <title>网页标题</title> <!-- 设置网页的标题：显示在浏览器选项卡及收藏夹的书签页上 -->
</head>
 <body>
    <!-- 网页的主体，所有显示在浏览器可视窗口里面的内容都放在这里 -->
 </body>
</html>