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>
相关推荐
果壳~2 分钟前
【Python】爬虫html提取内容基础,bs4
爬虫·python·html
机构师7 小时前
<uniapp><指针组件>基于uniapp,编写一个自定义箭头指针组件
javascript·uni-app·vue·html
诗书画唱10 小时前
解决HTML/JS开发中的常见问题与实用资源
前端·javascript·html
CODE_RabbitV12 小时前
【1分钟速通】 HTML快速入门
前端·html
小*-^-*九12 小时前
php 使用html 生成pdf word wkhtmltopdf 系列1
pdf·html·php
Zz_waiting.13 小时前
案例开发 - 日程管理 - 第七期
开发语言·前端·javascript·vue.js·html·路由
rannn_11121 小时前
【Javaweb学习|实训总结|Week1】html基础,CSS(选择器、常用样式、盒子模型、弹性盒布局、CSS定位、动画),js(基本类型、运算符典例)
css·笔记·学习·html
一朵梨花压海棠go1 天前
html+js实现表格本地筛选
开发语言·javascript·html·ecmascript
空山新雨(大队长)1 天前
HTML第八课:HTML4和HTML5的区别
前端·html·html5
元亓亓亓1 天前
JavaWeb--day1--HTML&CSS
前端·css·html