【无标题】

简介

1. HTML（HyperText Markup Language）是一种超文本标记语言，
   “超文本”就是指页面内可以包含图片、链接，甚至音乐、程
   序等非文字元素。
2. HTML 不是一种编程语言；
3. HTML5 是 HTML 的最新版本
   常用的：WebStorm 、notepad、Ecliipse、text sublime、
   Dreamweaver 等
   推荐： HBuilder

基础标签

加粗 < b >< /b>
倾斜 < i >< /i>
删除线 < del>< /del>
下划线 < ins>< /ins>
上标 < sup>< /sup>
下标 < sub>< /sub>
缩写 < abbr title=“”>< /abbr>
标记 < mark >< /mark>
文本 < span> < /span>
标题 < h*>标题标签< /h*> h1–h6: 从大到小的标题标签
换行< br />
字体段落 < font > < /font>
段落标签 < p> < p>

常用标签

1 路径

相对路径：相对于某一个文件进行引入的，那么就相当于是兄弟关系，
如果是在文件的内部引入中那么就是子文件
绝对路径：就是从盘符开始，是文件的真正的一个所在位置
Window 对斜线进行了处理，所以/和\都能够引入成功，但是网络地
址只能写斜线。

图片标签

< img>
属性：
src 引入图片地址
alt 替换文本
title 提示信息
width 宽
height 高

链接标签

< a href=“url”> < /a>
属性：
href 地址
target 目标位置
target 属性值：
_blank:新窗口打开
new：新窗口打开
_top:顶级窗口打开

标签的作用

1）打开外部文件
< a href=“http://www.baidu.com”>百度一下< /a>
2）打开内部文件
< a href=“test1.html”>test1 文件< /a>
3）打开一张图片
< a href=“images/tulips.jpg”>打开一张图片< /a>
4）书写简单的 javascript
< a href=“javascript:alert(‘这是一个弹框！’)”>提示框< /a>
5）锚点
创建锚点
< a name=“top”>< /a>
< a id=“top2”>< /a>
引用锚点
< a href=‘#top’>返回顶部< /a>

滚动标签

< marquee>滚动字幕< /marquee>
属性：
direction：方向（left、right）
behavior：滚动方式（scroll、slide、 alternate）
scrollamount：速度，值是正数默认为 6
scrolldelay：时间，值是正数默认为 0。单位毫秒
οnmοuseοver=“stop()” ：鼠标悬浮停止移动
οnmοuseοut=“start()”：鼠标离开开始移动

水平线

< hr />
属性：
width:长度（px|%）
align：水平位置(left 左|center 中|right 右）
color：线的颜色
size：粗细（px）

div块标签

div 元素是通用的块元素，内部可以包含其他各种元素包括其他 div
元素；并且可以通过 CSS 设置样式来完成复杂的页面的布局 通过一
个简单的实例了解 div 布局是如何实现的

媒体

多媒体格式
格式 多媒体元素（比如视频和音频）存储于媒体文件中。
确定媒体类型的最常用的方法是查看文件扩展名。当浏览器得到文件扩展名 .htm 或 .html 时，它会假定该文件是HTML 页面。.xml 扩展名指示 XML 文件，而 .css 扩展名指示样式表。图片格式则通过 .gif 或 .jpg 来识别。

多 媒 体 元 素 也 拥 有 带 有 不 同 扩 展 名 的 文 件 格 式 ， 比如 .swf、.wmv、.mp3 以及 .mp4。

audio

标签来描述 MP3 文件 (Internet Explorer、Chrome 以及 Safari中是有效的), 同样添加了一个 OGG 类型文件(Firefox 和 Opera浏览器中有效).如果失败，它会显示一个错误文本信息:

Videos

元素的分类

已经学过的块元素: h1-h6;hr;ul;ol;p;table;div···
内联元素：不会产生换行效果，会和其他元素并联排列；font；b,i,q,mark,abbr,ins,sup,sub···已经学过的内联元素有：b,i,br,img···