目标
1.html语法规范
绝大部分成对出现
<html></html>
极少部分单个标签
<br />
2.html基本结构标签
<html>
<head>
<title>第一个页面</title>
</head>
<body>键盘敲烂，工资过万
</body>
</html>
3.开发工具
vscode
安装：安装地址
插件安装
在箭头点击，输入需要安装的插件即可
推荐安装插件
chinese中文 中文简体语言包
Open in Browser 右键选择浏览器打开html文件
Auto Rename Tag 自动重命名配对的html/xml标签
CSS Peek 追踪至样式
<!DOCTYPE>文档类型声明，告诉浏览器使用哪种html版本来显示网页
<!DOCTYPE html>文档类型声明标签，告诉浏览器这个页面采取html5版本来显示页面
lang语言种类
<html lang = 'zh-CN' >
en为英语
zh-CN为中文
字符集
字符集是多个字符的集合。以便计算机能够识别和存储各种文字
在<head>标签内，可以通过<meta>标签charset属性来规定html文档应该使用哪种字符编码
常用<meta charset='UTF-8' />
4.html常用标签
4.1标题标签<h1>-<h6>
4.2<p>定义段落
4.3<br />换行
4.4文本格式化标签
加粗/倾斜/删除/下划线
<body>
<strong>我是加粗的文字1</strong>
<b>我是加粗的文字2</b>
<em>我是倾斜文字</em>
<i>我是倾斜文字</i>
<del>我是删除文字</del>
<s>我是删除文字</s>
<ins>我是下划线文字</ins>
<u>我是下划线文字</u>
</body>
4.5 <div>和<span>
div是分割分区
span是跨度、跨距
注：
HTML中baidiv不是换行的意思，div是一个标准的块元素，du独占一行。zhi而p标签是段落标签。
（1）<div> 可定义文档中dao的分区或节。<div> 标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。如果用 id 或 class 来标记<div>，那么该标签的作用会变得更加有效。
用法
<div> 是一个块级元素。这意味着它的内容自动地开始一个新行。实际上，换行是 <div> 固有的唯一格式表现。可以通过 <div> 的 class 或 id 应用额外的样式。不必为每一个 <div> 都加上类或 id，虽然这样做也有一定的好处。可以对同一个 <div> 元素应用 class 或 id 属性，但是更常见的情况是只应用其中一种。这两者的主要差异是，class 用于元素组（类似的元素，或者可以理解为某一类元素），而 id 用于标识单独的唯一的元素。
（2）<p> 标签定义段落。
p 元素会自动在其前后创建一些空白。浏览器会自动添加这些空间，您也可以在样式表中规定。
4.6图像标签和路径
<img>用于定义html页面中的图像
<img src='QQ图片20171013233528.jpg' />
5.html中注释和特殊字符
扫一扫
539
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
