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>
相关推荐
一水鉴天3 小时前
整体设计 定稿 之24 dashboard.html 增加三层次动态记录体系仪表盘 之2 程序 (Q208 之1)
前端·html
一水鉴天4 小时前
整体设计 定稿 之22 dashboard.html 增加三层次动态记录体系仪表盘 之1
前端·html
沟通QQ8762239658 小时前
有限元仿真模型仿真模型-基于COMSOL多物理场耦合仿真的变压器流固耦合及振动噪声分析 1、变...
html
江公望8 小时前
HTML5 History 模式 5分钟讲清楚
前端·html·html5
A24207349309 小时前
使用jQuery动态操作HTML和CSS
css·html·jquery
carry杰1 天前
nacos bootstrap.yml 动态配置开发测试线上模式
前端·bootstrap·html
€绘梨衣1 天前
笔墨屋12.12题目及解析
html
Tiam-20161 天前
安装NVM管理多版本node
vue.js·前端框架·node.js·html·es6·angular.js
ewenge1 天前
springboot+Selenium 实现html转图片(内含驱动包)
spring boot·selenium·html
十一.3661 天前
106-110 操作内联样式,获取元素的样式,其他样式相关的属性
前端·html