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>
相关推荐
ac.char1 小时前
Golang读取ZIP压缩包并显示Gin静态html网站
golang·html·gin
每天开心1 小时前
深入理解 CSS 选择器:从基础到高级
css·html·ai编程
撰卢2 小时前
如何提高网站加载速度速度
前端·javascript·css·html
sophister2 小时前
Flex 布局中容易踩的那些坑,你踩过几个?
前端·css·html
呆呆的心6 小时前
揭秘 CSS 伪元素:不用加标签也能玩转出花的界面技巧 ✨
前端·css·html
WildBlue6 小时前
🧊 HTML5 王者对象 Blob - 二进制世界的魔法沙漏
前端·javascript·html
wuxuanok6 小时前
Web前端开发-HTML、CSS
前端·css·html
namehu7 小时前
“什么?视频又双叒叕不能播了!”—— 移动端视频兼容性填坑指南
javascript·html
shawn_yang7 小时前
使用 vite 开发原生 html 网页
html
棉花糖超人9 小时前
【从0-1的CSS】第3篇:盒子模型与弹性布局
前端·css·html