HTML简介
1.HTML是一种超文本标记语言,“超文本”就是指页面内可以包含图片、链接、甚至音乐、程序等非文字元素。
2.HTML不是一种编程语言;
3.HTML5是HTML的最新版本
常用的:WebStorm、notepad、Ecliipse、text sublime、Dreamweaver等
推荐:HBuilder
HTML5文档的基本格式
<!DOCTYPE html><!–版本声明-- >
< heml> < !–结构最外层–>
< head > <!–结构头部–>
< meta charset=“utf-8”> < !–编码方式–>
< title >学习网页< /title>
< /head >
< !-- 结构身体部–>
网页内容
< /body>
< /html>
基础标签
加粗:< b >< /b > < strong >< /strong >
倾斜:< i >< /i > < em >< /em >
删除线:< del > < /del >
下划线: < ins >< /ins >
上标:< sup >
下标: sub 标签
缩写: abbr 标签
标记: mark 标签
文本: span 标签
标题: h1~h6 标签 是由从大到下
换行: br 标签
段落: p 标签
超连接: a 标签
常用标签
图片标签:
img
属性:
scr 引入图片地址
alt 替换文本
title 提示信息
width 宽
height 高
链接标签
a
属性:
href 地址
target 目标位置
target 属性值:
_blank: 新窗口打开
new: 新窗口打开
_top: 顶级窗口打开
链接标签的作用:
打开外部文件
百度一下
2打开内部文件
test1 文件
3打开一张图片
打开一张图片
4书写简单的 javascript
提示框
5锚点 ①创建锚点
②引用锚点
返回顶部
滚动标签
滚动字幕
1
属性:
direction:方向 (left,right)
behavior: 滚动方式 (scroll slider alternate)
scrollamount: 速度, 值是正数默认为6
scrolldelay: 时间,值是正数默认为0,单位毫秒
οnmοuseοver=“stop()”: 鼠标悬浮停止移动
οnmοuseοut=“start()”: 鼠标离开开始移动
水平线
1 属性:
width: 长度
align: 水平位置 (left 左 center 中 right 右)
color: 线的颜色
size: 粗细(px)
div块标签
div 元素是通用的块元素,内部可以包含其他各种元素包括其他 div
元素;并且可以通过 CSS 设置样式来完成复杂的页面的布局 通过一
个简单的实例了解 div 布局是如何实现的