HTML网页设计基础概念

HTML语法规范

1.1基本语法概述
1.HTML标签通常是成对出现的,例如< html >和< /html >称为双标签。标签中的第一个标签是开始标签,第二个是结束标签。
2.有些特殊标签必须是单个标签,例如< br / > 我们称为单标签。
1.2标签关系
双标签关系可以分为并列关系和包含关系。

HTML基本结构标签

1.编辑第一个HTML网页

  1. 每个网页都会有一个基本的结构标签(也称为骨架标签),页面内容也是在这些基本标签上书写的。
  2. HTML页面也称为HTML文档
  3. 基本结构标签名
    HTML网页设计基础概念_第1张图片

功能快捷键

撤销: Ctrl + Z
保存: Ctrl + S
放大: Ctrl + +
缩小: Ctrl + -
水平缩进:Tab
新建文件:Ctrl+N

网页开发工具

VSCode的使用

  1. 新建文件(Ctrl+N)
  2. 保存(Ctrl+S),注意一定要保存为.html文件
  3. 生成页面骨架结构
    输入! 按下回车键
  4. 单击鼠标右键,在弹出的对话框中点击“Open In Default Browser",实现在浏览器中浏览页面。

文档类型声明标签
HTML网页设计基础概念_第2张图片
lang语言种类

用来定义当前文档显示的语言。
在这里插入图片描述
en表示定义语言为英语,zh-CN表示定义语言为中文。简单地说,定义为en 就是英文网页,定义为zh-CN 就是中文网页。

字符集

字符集(Character set)是多个字符的集合,以便计算机能够识别和存储各种文字。charset常用的值有:GB2312(简体中文)、BIG5(繁体中文)、GBK(包含简体中文和繁体中文)和UTF-8。
在这里插入图片描述
其中,UTF-8也被称为万国码,基本包含了全世界所有国家需要用到的字符。此语法必须要写,否侧会出现乱码的情况

你可能感兴趣的:(HTML网页设计基础概念)