HTML
1、什么是html
(1)、 HTML是一种超文本标记语言,“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素
(2)、HTML不是一种编程语言是标记语言
(3)、HTML5是HTML的最新版本
(4)、写代码时要用尖括号写里面是英文
2、HTML 基本结构
!DOCTYPE html>(版本声明)
<html> 结构最外层
<head> 结构头部
meta charset=“utf-8”> 编码方式
<title>百度一下</title**>
</head>
<body> 结构身体部
网页内容
</body>
</html>
基本标签
#显示框logo
<link>rel="icon"href="img/favicon.ico"type=“image/x-icon”/>
加粗:<b> </b> strong:情感
倾斜:<i > < /i>
删除线:<del> </del>
HTML 标题(Heading)是通过<h1> --< h6> 标签来定义的。
下划线:<ins>< /ins>
上标:<sup></sup?
下标:<sub></sub>
缩写:<abbr title="" >< /abber>
标记:<mark></mark>
文本: <span></span>
换行:<br />
段落标签:<p></p>
字体标签:<font></font>
常用标签
1、img:
属性:
src 引入图片地址
alt 替换文本
title 提示信息
width宽
height高
2、连接标签
a href=“url”> /a>
属性: href 地址、
target 目标位置
target 属性值:
_blank:新窗口打开
new:新窗口打开
_top:顶级窗口打开
3、路径
相对路径:相对于某一个文件进行引入的,那么就相当于是兄弟关系,如果是在文件的内部引中那么就是子文件
绝对路径:就是从盘符开始,是文件的真正的一个所在位置Window 对斜线进行了处理,所以/和都能够引入成功,但是网络地址只能写斜线
4、<a> 标签的作用
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)锚点
(1)、创建锚点
<a name=“top”></a>
< a id=“top2”></a>
(2)、引用锚点
<a href=‘#top’>返回顶部/<a>
#滚动标签
4)滚动标签
<marquee>滚动字幕**</marquee**>
属性: direction:方向(left、right) behavior:滚动方式(scroll、slide、 alternate)
scrollamount:速度,值是正数默认为 6 scrolldelay:时间,值是正数默认为 0。单位毫秒
οnmοuseοver=“stop()” :鼠标悬浮停止移动 οnmοuseοut=“start()”:鼠标离开开始移动
5)水平线
<hr />
属性: width:长度(px|%)、 align:水平位置(left 左 、center 中、right 右) color:线的颜色、
size:粗细(px)
#div块标签
格式:<div>< /div>
div 标签可以用来划分 HTML 结构,从而配合 CSS 来整体控制某一块的样式。
div 标签是块级元素,它可用做组合其它 HTML 元素的容器。
div 标签可以用作严格的组织工具,如果用 id 或 class 来标记 div 标签,则 div 标签的作用会更加完美。
display:决定了标签的块级或行级特点
块级标签:display:inline 会自动换行,设置宽高 p divh1-h6 ;
行级标签: display:block 不会自动换行 ,不能设置宽高,他的宽高是自身大小 span b i mark
行内块标签:display:inline-block;不会自动换行,可以设置宽高·img video
HTML媒体
我们可以使用 <video> 和 <audio> 标签来显示视频和音频
多媒体格式
格式 多媒体元素(比如视频和音频)存储于媒体文件中。确定媒体类型的最常用的方法是查看文件扩展名。当浏览器得到文件扩展名 .htm 或 .html 时,它会假定该文件是 HTML 页面。.xml 扩展名指示 XML 文件,而 .css 扩展名指示样式表。图片格式则通过 .gif 或 .jpg 来识别。
音频:<audiosrc=“” controls></audi>
视频**<videossrc=“” controls></videos**>