格式
<html>
<head><title></title></head>
<body>
</body>
</html>
解决乱码问题
简体中文:gb3212
繁体中文:big5
纯英文网页:ios-8859-1
我们一般用 utf-8编码解决中文乱码问题
在head之间 Content-Type表示内容类型
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
keywords表示关键字,方便百度这类的爬虫引擎方法根据关键字搜索到
<meta http-equiv="keywords" content="购物,商品,电商" />
refresh 表示刷新 后面的2 表示2秒
<meta http-equiv="refresh" content="2" />
<!-- -->这是注释标签,是浏览器不会对注释标签进行解释
1、body标签
<body></body>
属性主要使用bgcolor背景颜色、background背景图片
如果这两个属性同时使用,背景图片将会覆盖掉背景颜色
2、标题标签
<h1></h1> .....<h6></h6> 字体大小逐步减小,字体加粗,上下有空行
3、换行标签
<br />
空格标签
其他特殊符号包含html的关键字使用&实现转义
如 < 用 <表示 > 用>表示
标签与标签可以嵌套使用,但是不能在一个标签没有结束时交错其他未结束的标签
4、font标签----H5已经不使用
用来修饰字体的大小和颜色
5、加粗标签 <b></b>
6、删除线标签 <del></del>
7、下划线标签 <u></u>
8、段落标签 <p></p>
上下有空行
9、图片标签 <img src="" />
alt 表示图片资源未找到的提示信息
title表示鼠标悬停时的提示信息
10、分割线标签 <hr /> size 粗度 with 宽度 color颜色
11、列表标签 <li></li>
12、无序列表标签 <ul></ul>
13、有序列表标签 <ol></ol>
这两个标签是结合<li></li>使用的, type 前面的符号
14、超链接标签 <a></a>
可以跳转到内部或者外部的地址
邮件的跳转发送
<a href="mailto:admin@niit.com">联系我们</a>
跳转至锚点
设置锚点
<a name="star">明星演唱会</a>
跳转到锚点
- <!--内部的锚点跳转-->
<a href="#star">跳转至明显演唱会位置</a><br />
- <!--外部的锚点跳转,需要在#前面加上文件名-->
<a href="demo2.html#point">跳转至demo2的锚点</a><br />
15、滚动标签 <marquee></marquee>
属性 direction 滚动的方向 scrolldelay 滚动的速度
οnmοuseοver="this.stop()" 鼠标放在上面,停止滚动
onmouseout ="this.start()" 鼠标移开,开始滚动