一个网页的组成

  • HTML(网页的结构) + CSS(样式) + JavaScript(交互)

    什么是HTML？

  • HTML(Hyper Text Markup Language)是超文本标记语言

  • HTML是用来描述网页的内容和结构
  • HTML页面内可以包含图片、链接，甚至音乐、视频等非文字元素

  • 通常我们看到的网页， 常见以 .htm 或 .html 后缀结尾的文件，因此将其俗称为 HTML 文件。

    完整的项目结构

    1. <!DOCTYPE html>
    2. <html lang="en">
    3.  <head>
    4.      <meta charset="utf-8" />
    5.      <title>江河的奇妙思想</title>
    6.  </head>
    7.  <body>
    9.  </body>
    10. </html>

  • <!DOCTYPE html>

    • 按照HTML5的标准去加载页面,这里的html表示按照最新的标准来解析页面,这个标签都是固定的
  • html
    • html元素是HTML文档的根元素，一个文档中只能有一个
    • W3C标准建议为html元素增加一个lang属性
    • lang=”en”告诉浏览器：这个HTML文档的语言是英文
    • 这里就可以进行随意的切换image.png
  • head
    • 一般用于描述网页的各种信息，比如字符编码、网页标题等
  • title
    • 网页的标题
  • meta
    • 设置网页的字符编码,一般都使用UTF-8编码
    • style编写当前页面的css样式
    • link外部引入的文件(css、网页的图标)

  • body

    • 在body元素中编写网页中真正要展示的HTML内容元素

      双标签和单标签

  • 包含了具体内容，书写格式是双标签

  • <标签名>具体内容</标签名> 

    • <h1>我是标题</h1>

  • 没有包含具体内容，书写格式是单标签 

    • <img1 src="./img/01.jpg" alt="">