一、HTML简介
- HTML(HyperText Markup Language)是一种超文本标记语言,“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。
- HTML不是一种编程语言
- HTML5是HTML的最新版本
二、HTML5文档的基本格式
<!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">
三、基础标签
加粗:
倾斜:
删除线:
下划线:
上标:
下标:
缩写:
标记:
文本:
标题:<h*></h*>h1-h6从大到小的标题标签
换行:
字体标签:
段落标签:
四、常用标签
1.路径
- 相对路径:相对于某一个文件进行引入的,那么就相当于是兄弟关系,如果实在文件的内部引入中那么就是子文件
- 绝对路径:就是从盘符开始,是文件的真正的一个所在位置
- Window对斜线进行了处理,所以/和\都能够引入成功,但是网络地址只能写斜线
2.图片标签
- < img >
- 属性:
src 引入图片地址
alt 替换文本
title 提示信息
width 宽
height高
3.链接标签
- < a href=“url”>
- 属性:
href 地址
target 目标位置 - target属性值:
_blank:新窗口打开
new:新窗口打开
_top:顶级窗口打开) - < a>标签的作用
1.打开外部文件<ahref=“http://www.baidu.com”>百度一下
2.打开内部文件<ahref=“test1.html”>test1文件
3.打开一张图片<ahref=“images/tulips.jpg”>打开一张图片
4.书写简单的javascript <ahref=“javascript:alert(‘这是一个弹框!’)”>提示框
5.锚点①创建锚点<aname=“top”><aid=“top2”>
②引用锚点<ahref=‘#top’>返回顶部
4.滚动标签
- 滚动字幕
- 属性:
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)
6.div块标签
div元素是通用的块元素,内部可以包含其他各种元素包括其他div 元素;并且可以通过CSS设置样式来完成复杂的页面的布局通过一个简单的实例了解div布局是如何实现的