1.内容以<!doctype html>
原因：由于各个浏览器的不同，可能会出现怪异模式，用<!doctype html>
可以解决这个问题。
2.HTML标签：知道该文档是HTML文档。
3.Head标签：描述HTML文档的各种属性和信息。（ 绝大部分数据不会显示给读者）
{
（1）.title标签：定义文档的标签，有head标签就要有title标签，有且只有一个。
2.Meta标签（单标签）：描述网页的属性，关键词。
例：Meat charset=”utf-8” 表示当前使用的编码格式为utf-8
}
Body标签：定义文档的主题（ 直接给用户看的）。如：照片、视频、超链接等
二、标题标签（位于html中的head）
1.标题标签通过<h1></h1>进行定义。
标题标签只有6个标签h1到h6，h1最大 h6最小(成递减趋势)
输入H$*6按tab或enter 可以快速生成6个标签（在vscode中）
调整位置用align属性（属性：在<>里面写的为属性）
<h* Align=”left|center|right”>文字内容<h*>
三、标记的段落、换行、水平线(位于html中的body)
段落标记：<p></p>
换行标记：<br>
水平线（单标签）：<hr>
其中的属性有：
Color：设置水平线的颜色。
Width: 设置水平线的长度,Size：设置水平线的高度。
Align：设置水平线的对齐方式（默认为剧中），可取值为left|right。
四、插入图片(位于html中的body)
Img：(单标签)<img src=”照片路径和名称” alt=“文本” width=”**px” title=”文本”>
属性
1.Src:路径
2.Alt:规定图像的替代文本(当输入了img并src没有图片时 ,Alt的内容会代替src，前面会出现图签裂开的标志)
3.width:规定图像的宽度
4.height：规定图像的高度（在规定大小是一般只规定宽度，不规定高度（设置高度的拉伸可能会使照片不美观）
5.title：鼠标悬停在图片上给予的提示
当title与alt 同时存在时,优先输出title
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
