HTML——79.代码快捷输入方式

html 复制代码
!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>代码快捷输入方式</title>
	</head>
	<body>
		<!--1.父子关系:-->
			<!--div>p 加Tab键-->
			<div>
				<p></p>
			</div>
		<!--2.兄弟关系,并列关系-->
			<!--div+p加Tab键-->
			<div></div>
			<p></p>
		<!--3.乘法关系,-->	
			<!--ul>li*4加Tab键-->
			<ul>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
			</ul>
		<!--4.id及class属性-->
			<!--div#one加Tab键-->
			<div id="one"></div>
			<!--div.two加Tab键-->
			<div class="two"></div>
		<!--5.元素内容-->	
			<!--div.two{我是div元素}加Tab键-->
			<div class="two">我是div元素</div>
		<!--6.自增符号$-->
			<!--p.a${我是第$个段落}*3加Tab键-->
			<p class="a1">我是第1个段落</p>
			<p class="a2">我是第2个段落</p>
			<p class="a3">我是第3个段落</p>
			
	</body>
</html>
相关推荐
m0_547486665 小时前
《HTML+CSS+JavaScript+Vue前端开发技术教程》全套PPT课件
javascript·css·html
fastjson_7 小时前
Edge浏览器开启IE兼容模式
javascript·edge·html
艾伦野鸽ggg11 小时前
web 组大一下第二次考核
前端·css·html
货拉拉技术13 小时前
Huolala Figma MCP 原理与实践
人工智能·前端框架·html
TA远方1 天前
【HTML】JavaScript Canvas 图像截取与保存完整指南
前端·javascript·html·canvas·截图·截取
feixing_fx1 天前
选择器的威力——深入理解优先级计算与层叠规则
开发语言·前端·css·前端框架·html
星空1 天前
html\css\js入门
javascript·css·html
ShyanZh2 天前
【skill】HTML-PPT:36主题31布局的专业HTML演示文稿工作室
ai·html·powerpoint·html-ppt
烤代码的吐司君2 天前
Redis 服务配置与使用
前端·bootstrap·html
xinhuanjieyi2 天前
html修复游戏种太阳错误
前端·游戏·html