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>
相关推荐
java1234_小锋8 小时前
【技术专题】HTML5 网页技术 - HTML5 表单基础以及增强
前端·html·html5
燕落南枝8 小时前
HTML 学习:辅助标签 label 与字符实体
前端·学习·html
燕落南枝10 小时前
HTML 表单入门:表单容器、文本框与密码框属性详解
前端·microsoft·html
燕落南枝11 小时前
HTML 学习:input 单选、复选与文件域详解
服务器·学习·html
inksci1 天前
发布Ai生成的html markdown 推荐
前端·javascript·html
燕落南枝1 天前
网页结构标签和无语义标签
html
闭包不眠1 天前
手机拍的证件照怎么压缩到20k?3种方法(2026)
图像处理·人工智能·计算机视觉·智能手机·html
燕落南枝1 天前
HTML 列表标签详解:有序列表、无序列表与描述列表
前端·html
燕落南枝1 天前
HTML 视频标签(video)详解笔记
笔记·html·音视频
燕落南枝1 天前
HTML 表格标签与 AI 合并单元格实战指南
前端·人工智能·html