一、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布局是如何实现的
6万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
