html总结

<!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>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值