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