HTML 概述

学习前的基本知识

  • 有文本编辑器的经验,如记事本,notepad++,Editplus等。
  • 会在计算机上创建目录和文件。
  • 会浏览不同的目录。
  • 会在文件中键入内容并将其保存在计算机上。
  • 了解JPEG,PNG格式等不同格式的图像。

安装开发工具

下载地址https://notepad-plus-plus.org/

网站组成

内容  形式
网页  .html .xhtml .htm
样式文件 .css
脚本 .js
图片 .jpg .png .bmp .gif
音频 .mp3
视频 .mp4

HTML结构

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
</head>
<body>
<h1>Hello Html</h1>
</body>
</html>

标签

   <>内的元素叫标签
   开始标签<>,结束标签</>

属性

   标签内的附加信息,放在标签内
   属性名称=属性值

<!DOCTYPE html> 指令告诉浏览器,这是html5文档

<html>    html文档的根元素(标签)

<head>  标签的内容通常给浏览器看的

<body>   标签的内容给人看的

<title>   指页面标题

属性lang="en" 是指语言代码,这里指英文。

在我们国家要使用我们国家的语言代码。

 语言  代码
English en
Chinese zh
Chinese (Simplified) zh-Hans
Chinese (Traditional) zh-Hant

新建HTML文档过程