初识HTML5

初识HTML5

1，HTML语法：①标签不分大小写②允许属性值不使用引号③允许部分属性的属性省略
2，HTML5标记：①双标记：也称体标记，是指有开始和结束两个标记符组成的标记 <标记名>内容</标记名>②单标记：也称空标记，是指用一个标记符号可完整的描述某个功能的标记<标记名/>
注释标记《!–注释标记–》<>
标记属性 （颜色 字体 位置 字号）<标记名 属性1=“属性值” 属性2 =“属性值”…>内容</标记名>
头部相关标记：<tittle> 只能含有一对<tittle></tittle> 之间的内容将显示在浏览器窗口的标题栏中
meta 定义页面元素信息
link可引用外部文件（可以多个）<link 属性="属性值"/> <stytle 属性="属性值">样式内容</style>
3，键值对"属性"=“属性值”的方式添加属性，其中属性和属性值是以“键值对”形式出现的
4，标题标记和段落
标题标记 h1 h2 （h1最大）
基本格式：<hn align="对齐方式">标题文本</hn>
段落标记：<p align="对齐方式">段落文本</p>
水平<hr 属性=“属性值”/>
强制换行<br/>
图像标记<img src=“图像URL”"/>
alt图像的替换文本属性，在图像无法显示时告诉用户该图片内容
width height 用来定义图片的宽度和高度，只设置其中一个，另一个就可以按原图等比例显示
border 为图像添加边框，设置边框的宽度
vspace hspace 分别调整图像的垂直边距和水平边距
5，路径
相对路径：不带有盘符，通常是HTML5网页文件为起点，通过层级关系描述目标图像的位置
①图像文件和html文件位于同一文件夹—只输入图③像文件的名称即可
②图像文件位于HTML文件的下一级文件夹 —输入文件夹名和文件名，之间用“/”隔开
③图像文件位于HTML文件的上一级文件夹
在文件名之前加入“…/”，如果是两级，则需要使用“…/…/”
绝对路径：带有盘符的完整路径
6,超链接标记

<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>

target 取值有两种—self默认值 —blank 在新窗口中打开
7，锚点链接
①使用《a href=“id名”》链接文本</a>创建链接文本 ②使用相应的id名标注跳转目标的位置