HTML语法规范
基本语法
- HTML标签是由尖括号括起来的关键词。例如
<html> - HTML标签通常以双标签形式出现。例如
<html></html>位置在前的成为开始标签，位置靠后的成为结束标签 - 也有个别单标签。例如
< br/>
标签关系
标签关系：包含关系和并列关系
包含关系又称为父子关系，并列关系可称为兄弟关系
<html>
<title></title> title标签和title/body标签是包含关系
<body></body> title标签和body标签是并列关系
</html>
基本结构标签
每个页面都会有一个基本结构标签，页面的内容也是在基本结构标签中书写
html可在记事本中书写，将文本名后缀改为html或htm即可
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
<html></html>:根标签，页面中最大的标签
<head></head>:文档的头部，其中必须设置title标签
<title></title>：页面标题
<body></body>：页面主题，页面内容都在其中书写
文本格式化标签
- 粗体
<strong></strong>或者<b></b> - 斜体
<em></em>或者<i></i> - 删除线
<del></del>或者<s></s> - 下划线
<ins></ins>或者<u></u>
特点
<span><div>这两个标签没有语义，用来装内容
<div>独占一行，一行只能放一个<div>
<span>一行可有多个
图像标签
语法格式
<img src=" 图像url" alt=" " title=" " width=" " height=" " border=" " />
src是<img>标签的必备属性，用于指定图像文件的路径和文件名
图像标签的其他属性
alt图像无法显示时，将图片替换为文本
title将鼠标放到图片上，现实的文字
width设置图像宽度
height设置图像高度
border设置图像边框粗细
注意点
- 图像标签有多个属性，必须写在标签名后边
- 属性之间不分前后，以空格间隔开
- 属性采取键值对的格式，即属性=“属性值”
超链接标签
语法格式
<a href ="跳转目标" target="目标窗口弹出方式">文本或图像</a>
href用于指定超链接的目标url地址
target用于指定链接页面的打开方式_seif 默认设置，当前页面打开新窗口 _blank在新窗口中打开连接网页
链接分类
外部链接
例如
``` 百度``
内部链接
网站内部页面之间相互跳转，直接链接内部网页名称即可
例如
<a href="test.html"> test </a>
锚点链接
用于在单个网页中进行定位，快速查找
- 在链接文本的
href属性中，设置属性值为#name,如<a href="#test">test</a> - 在目标标签中添加一个id属性，属性值为刚才的名字 ，如
<h3 id="test">test2</a>
空链接
没有确定目标链接时可暂时使用href="#"
下载链接
如果href里面的地址是文件或压缩包时，会下载这个文件
网页元素链接
网页中的各种元素，如文本，图像，音频，视频等都可以添加超链接
357
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
