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>
相关推荐
梦醒沉醉1 天前
1、HTML入门——HTML基本语法
html
zh_xuan2 天前
github搭建个人主页
html·github
小妖6662 天前
设置了 box-sizing: border-box; 不管用,下边框还是被挤压没了
前端·css·html
鬼手点金3 天前
Scrapy 网络爬虫框架
爬虫·python·scrapy·ajax·html·json·requsts
withoutfear3 天前
Fastadmin中fieldlist 二维数组某个字段需要上传单图和多图
前端·html·fastadmin
鬼手点金3 天前
Scrapy + Playwright 完整示例(JS 动态渲染网页)
开发语言·javascript·爬虫·python·scrapy·html·json
—Qeyser3 天前
html 可视化海报模板编辑器
css·html·js
逝水无殇3 天前
HTML 文本格式化详解:掌握 <strong>、<em>、<mark>、<del> 等常用标签
前端·javascript·html
我命由我123453 天前
CesiumJS 笔记 - 获取容器中心点、Cartesian3 clone 方法、修改 Cartesian3 对象的高度
前端·javascript·css·前端框架·html·html5·js
jackyrongvip4 天前
开源一个可以把HTML敏感词替换的页面小工具
开源·html·敏感词·ai脱敏