我是靠谱客的博主 炙热画笔,最近开发中收集的这篇文章主要介绍HTML网页设计基础概念,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

HTML语法规范

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

HTML基本结构标签

1.编辑第一个HTML网页

  1. 每个网页都会有一个基本的结构标签(也称为骨架标签),页面内容也是在这些基本标签上书写的。
  2. HTML页面也称为HTML文档
  3. 基本结构标签名
    在这里插入图片描述

功能快捷键

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

网页开发工具

VSCode的使用

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

文档类型声明标签
在这里插入图片描述
lang语言种类

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

字符集

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

最后

以上就是炙热画笔为你收集整理的HTML网页设计基础概念的全部内容,希望文章能够帮你解决HTML网页设计基础概念所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(32)

评论列表共有 0 条评论

立即
投稿
返回
顶部