<!DOCTYPE html><!--H5声明文档-->
<html><!--html根标签,一个页面只能有一个html标签-->
<head><!--头部标签,帮助浏览器解析网页-->
<meta charset="utf-8" /><!--设置网页编码格式-->
<meta name="keywords" content="HTML,CSS" /><!--设置网页搜索关键字-->
<meta name="description" content="HTML复习" /><!--网页简单描述-->
<title>页面标题</title><!--网页标题,默认显示在浏览器标题栏中-->
</head>
<body><!--网页主体。所有可见的内容-->
<!--<h1></h1>~<h6></h6> 标题标签-->
呵呵<br />呵
<br /><!--换行标签-->
<p>今天天气不错</p>
<!--块元素:h1, br,div,p,ul,ol,dl,table,tr,header......-->
<!--行元素: img,a,span,sub,strong,small......-->
<!--
块元素:独占一行,可以设置高度和宽度
行元素:不独占一行,设置高度和宽度无效,实际的高度和宽度是内容决定的
-->
<h2 style="width: 100px;height: 100px;background-color: red;">图片标签</h2>
<!--
常用属性:
src:加载图片路径
alt:当图片加载失败时,执行该属性
title:当鼠标悬浮到图片时,提示文本
-->
<img src="img/about-icon3.png" alt="加载失败" title="好帅a"/>
<img src="img/about-icon3.png" alt="加载失败" title="好帅a"/>
<!--
href:连接地址
target:窗口打开方式:
_self:在当前页面打开连接,默认
_bank:在浏览器新建一个窗口,打开连接
-->
<a href="http://www.baidu.com" target="_blank" style="100px;height: 100px;background-color: red;" >百度一下</a>
<span>span</span>
<br />
<!--无需列表ul-->
<ul style="list-style-type:none ;">
<li>首页</li>
<li>视频</li>
<li>音乐</li>
</ul>
<!--
ol有序列表
-->
</body>
</html>
html总结
最新推荐文章于 2022-07-10 02:07:49 发布