3.1 HTML初级 - 语法和基本结构 | html 初级教学，html是什么，HTML5基础教程，web前端开发基础知识入门，前端开发入门，html5培训

编程启蒙Kevin

已于 2022-08-25 15:08:52 修改

阅读量280

点赞数

分类专栏：商业网站开发课文章标签： html 前端 html5

于 2022-08-25 14:23:33 首次发布

本文链接：https://blog.csdn.net/qq_32371095/article/details/126524065

版权

商业网站开发课专栏收录该内容

9 篇文章 1 订阅

订阅专栏

3.1 HTML初级 - 语法和基本结构

一、语法 / 使用规范

1、HTML由各种标签（或叫元素）组成；

2、标签放在 < > 内，不会直接显示于浏览器；

3、大多数标签需有结束标签 </ > 来结尾 (自闭标签除外，比如meta、br、hr等)。

4、注释标签 

二、基本结构

<!DOCTYPE html>
<html lang="zh-CN">
<head>
      <meta charset="UTF-8">
      <title>HTML演示</title>
</head> 
<body>
      <p>一楼</p><p>二楼</p><p>三楼</p>
      <!--  注释内容不可见Ctrl+/   -->
</body>
</html>

三、单词表

计算机单词	英语全称	翻译
DOCTYPE	document type	文档类型
html	hypertext markup language	超文本标记语言。超文本是指不仅包含文字，还可以是图片等。
lang	language	语言
meta		元。提供文档关键信息。比如字符编码，关键词，文档描述。
charset		字符集。字符是各种文字和符号的总称，包括各国家文字、标点符号、数字等。
UTF-8	Unicode Transformation Format	字符编码转换格式。后面的数字表明至少使用多少个比特位（Bit）来存储字符。目前，BAT，京东等大站都是用UTF-8。
P	paragraph	段落
直译的单词		head 头部； title 标题； body 身体。

四、这些单词在计算机中的作用

<!DOCTYPE html> --- 定义文档类型是html
<html lang="zh-CN"> --- zh-CN代表简体中文-中国，当国外访问这个网站的时候，就可能显示网页是否需要翻译。
<head> --- 标记html文档重要信息
      <meta charset="UTF-8"> --- 字符编码为UTF-8
      <title>HTML演示</title> --- html文档标题
</head>  --- head标签结束位置
<body> ---html主体
      <p>p是段落标签，表明这是一个段落</p>   --- 所有代码都必须放在各式各样的标签内，方便管理
</body>
</html>