<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>周日学习</title>
</head>
<body bgcolor="darkcyan">
<!--标题标签<h1>标题1</h1>
align是对齐属性
left
center
right-->
<h1 align="left">h1最大left左对齐</h1>
<h2 align="center">标题二居中</h2>
<h3 align="right">标题三右对齐</h3>
<h6>h6最小默认左对齐</h6>
<h1 align="center">超链接,重点,必须掌握<h1>
<a href="http://www.baidu.com">百度一下,你就知道</a>
<br>
<!-- a标签是 超链接
href属性设置链接的地址
target属性设置哪个目标进行跳转
_(下划线敲法,1把输入法状态切换到英文状态2按住shift不放3按击主键盘的那两个横杠杠)self表示当前页面
_blank表示打开新页面来进行跳转
-->
<a href="http://www.baidu.com">百度一下,你就知道</a>
<br>
打开新窗口
<br>
<a href="http://www.baidu.com" target="_self">百度一下,你就知道</a>
<hr>
<a href="http://www.baidu.com" target="_blank">百度一下,你就知道</a>
</br>
<hr>
<h1 align="center">列表标签</h1>
<br>
1无序列表(大部分用)
<br>
2有序列表
<br>
3定义列表
<br>
无序列表ul li 是列表项
<ul>
<li>赵</li>
<li>钱</li>
<li>孙</li>
<li>李</li>
</ul>
<br>
<ul type="none">
<li>赵</li>
<li>钱</li>
<li>孙</li>
<li>李</li>
</ul>
<br>
有序列表
<ol>
<li>赵</li>
<li>钱</li>
<li>孙</li>
<li>李</li>
</ol>
和浏览器有关的或多或少都会有一些兼容性问题
<hr>
<h1 align="center">image显示图片</h1>
<br>
<!--image标签是图片标签,用来显示图片
src属性可以设置图片的路径
a在javase中也分为相对路径和绝对路径,
相对路径:从工程名开始算
绝对路径:盘符:/目录/文件名
b在web中路径也分为相对路径和绝对路径。
相对路径:
.表示当前所在的目录
..表示当前文件所在的上一级目录
文件名 表示当前文件所在目录的文件,相当于./文件名 ./可以省略
绝对路径:
正确格式:http://ip:port/工程名/资源路径-->
错误格式:盘符:/目录/文件名
<img src="QQphoto.jpeg" width="500" height="500">
</body>
</html>