一、html的基本格式
1、<!DOCTYPE html>声明为HTML5文档(表示文档类型,并帮助浏览器正确显示网页,避免浏览器的怪异模式)
2、<html>标签定义HTML文档,是HTML页面的根元素
3、<head>标签用于定义文档的头部,包含了文档的元(meta)数据,如<meta charset="utf-8">定义网页编码格式为utf-8
4、<title> 标签定义文档的标题,描述了文档的标题
5、<body>标签定义文档的主体,包含了可见的页面内容
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
</body>
</html>
二、标签:
1、 标题标签 <h1> ~ <h6> : 用来定义标题
<h1> 定义最大的标题 <h6> 定义最小的标题
生成h1~h6快捷键: h$*6
2、段落标签 <p> : 用来定义段落
3、换行标签 <br> : 如果希望某段文本强制换行显示,就需要换行标签
4、水平线标签 <hr/> : 在HTML页面上创建水平线
5、图像标签 <img> : 定义HTML页面上的图像
img标签的属性:
(1)src: 路径(图片地址与名字)
(2)alt: 规定图像的替代文本
(3)title: 鼠标悬停在图片上给予提示
图片路径
(1)绝对路径 : 是电脑的盘符存储与访问的具体地址
" D:\web\img\logo.png "
<img src="D:\web\img\logo.png">
(2)相对路径 : 两者相对关系,在同一路径下可以直接访问
子级关系 : /
父级关系 : ../
同级关系: ./
(3)网络路径 : 使用完整的网络地址 "http://www.itcast.cn/imges/logo.gift"
6、链接标签 <a> : 超链接可以是一个字、一个词、或者一组词,也可以是一张图片,点击这些内容来跳转到新的文档或者当前文档中的某个部分。