HTML语法规范
- html 标签是由尖括号包围的关键词
- html 标签通常是成对出现的,我们称之为双标签。标签中第一个为开始标签,第二个为结束标签。
- 有些特殊的标签必须是单个标签,我们称之为单表签。
标签的关系
包含关系
<html>
<title></title>
</html>
并列关系
<head></head>
<body></body>
html的基本结构
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
标签
1、<!DOCTYPE HTML>
2、lang语言种类
<html lang="en">
en英语 zh-CN中文
3、字符集
<meta charset="UTF-8">
如果不写可能出现乱码情况
4、标题标签
<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>
5、段落标签和换行标签
段落标签<p></p>
文本在一个段落中会根据浏览器窗口大小自动换行
段落和段落之间保有空隙
换行标签<br/> break的缩写
只是简单的另起一行,跟段落不一样,段落之间会插入一些垂直的距离
6、文本格式化标签
<strong>加粗</strong> 或者 <b></b>
<em>倾斜</em> 或者 <i></i>
<del>删除</del> 或者 <s></s>
<ins>下划<ins> 或者 <u></u>
7、<div>和<span>标签
没有语义,只是一个盒子用来放东西
<div>一个人单独站一行</div>
<span>一行可以放很多个</span>
8、图像标签
<img src="图像的url "/>
属性
src是图像的必须属性,指定图片
alt 替换文本,图像不能显示的时候现实的文本
title 提示文本,鼠标放到图像上,显示的文字
width 设置图像的宽度
height 设置图像的高度
border 设置图像边框粗细
<img src=" " slt=" "/>
路径
目录文件夹:普通文件夹,存放了我们做页面所需的相关素材
根目录:打开目标文件夹的第一层称之为根目录
相对路径
同一级路径
下一级路径
上一级路径 ../
绝对路径
本地绝对路径
网络上的绝对路径
9、超链接
<a href="跳转目标“ target="目标窗口的弹出方式">文本或者图像</a>
属性
href
target
_blank新的窗口打开 _self当前窗口打开
分类
外部链接
<a href="http://www.qq.com" target="_blank"> 腾讯 </a>
内部链接:网站内部页面之间的相互链接
<a href="gongsijianjie.html" target="_blank">公司简介</a>
空链接:#
<a href="#">公司地址</a>
下载链接:地址链接是文件.exe 或者是 .zip
<a href="img.zip">下载文件</a>
网页元素链接:在网页中各种网页元素,如文本、图像、表格、音频、视频等都可以添加超链接
<a href="http://www.baidu.com><img src="img.jpg"/></a>
锚点链接
<a href="#名字">返回顶部</a>
<h3 id="名字">
10、注释标签和特殊字符
<!--注释标签 -->
  空格
< 小于号
> 大于号