基础
<h1> 最大字体 <b> 加粗 <i> 斜体 <p> 段落
<Strong> 加粗 带语义的标签
<em> 斜体 带语义的标签
小案例
<!DOCTYPE html>
<!--
1.上面的是一个稳当声明
2.标签html
3.头部分:主要是用来放置页面信息
体部分:主用要是用来放置页面内容
4.通过标签来对内容进行描述,标签通常是由开始标签和结束标签组成
5.标签不区分大小写,官方建议小写
-->
<html>
<head>
<-!
font 标签
size 大小
color 颜色
face 字体类型-->
<!--meta 网站的配置信息-->
<!--指定浏览器打开页面的方式-->
<meta charset="UTF-8">
<!--指定网站的标题-->
<title>入门案例</title>
</head>
<body>
helloworld
</body>
</html>
图片加载
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>图片</title>
</head>
<body>
<!--
常用属性:
src:保存图片的路径
width:指定图片的宽度
heigh:指定图片的高度
alt:文件加载失败时显示信息
-->
<img src="img/oasis_1080.jpg" width="200" height="200" alt="这张图片可能有问题" />
</body>
</html>
友情链接
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>友情链接</title>
</head>
<body>
<!--
无需列表
ul
li : 列表项
type属性 : 小圆圈/黑点/小方框
扩展:
a : 超链接标签
_self : 默认打开方式在当前窗口打开
_blank : 新起一个标签页代开页面
-->
<ul type="circle">
<li><a href="http://baidu.com">百度</a></li>
<li><a href="http://baidu.com">新浪</a></abbr></li>
<li>谷歌</li>
</ul>
<!--
有序列表
属性:type/start
start:从几开始,需要跟一个数字
-->
<ol>
<li >百度</li>
<li>新浪</li>
<li>谷歌</li>
</ol>
</body>
</html>
