-
- 一杯清茶_amntAF 1天前
段落用<p>标签
<hx>标签来制作文章的标题。
标题标签一共有6个，h1、h2、h3、h4、h5、h6分别为一级标题、二级标题、三级标题、四级标题、五级标题、六级标题。并且依据重要性递减。<h1>是最高的等级。
<hx>标题文本</hx> (x为1-6)
- 0赞 · 0采集
-
- 一杯清茶_amntAF 1天前
<head> 定义关于文档的信息。
<title> 定义文档标题。
<base> 定义页面上所有链接的默认地址或默认目标。
<link> 定义文档与外部资源之间的关系。
<meta> 定义关于 HTML 文档的元数据。
<script> 定义客户端脚本。
<style> 定义文档的样式信息。- 0赞 · 0采集
-
- _axLWY5 4天前
html中的标签元素大体被分为三种不同的类型：块状元素、内联元素(又叫行内元素)和内联块状元素。
常用的块状元素有：
<div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form>
常用的内联元素有：
<a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code>
常用的内联块状元素有：
<img>、<input>
- 0赞 · 0采集
-
- _axLWY5 4天前
居中h1{text-align:center;}
居左h1{text-align:left;}
居右h1{text-align:right;}
- 0赞 · 0采集
-
- _axLWY5 4天前
p{line-height:1.5em;}
行间距（行高）属性（line-height）
- 0赞 · 0采集
-
- _axLWY5 4天前
p{text-indent:2em;}
2em的意思就是文字的2倍大小- 0赞 · 0采集
-
- _axLWY5 4天前
1、text-decoration可以设置添加到文本的修饰。
2、text-decoration默认值为none, 定义标准的文本。
3、text-decoration的值为underline为定义文本下的一条线。
4、text-decoration的值为overline为定义文本上的一条线。
5、text-decoration的值为line-through为定义穿过文本下的一条线，一般用于商品折扣价。
- 0赞 · 0采集
-
- _axLWY5 2025-01-07
选择器的优先级依次是: 内联样式 > id选择器 > 类选择器 > 标签选择器 > 通配符选择器
- 0赞 · 0采集
-
- _axLWY5 2025-01-07
给html中一个标签元素的鼠标滑过的状态来设置字体颜色：
a:hover{color:red;}
- 0赞 · 0采集
-
- _axLWY5 2025-01-07
使用<link>标签将css样式文件链接到HTML文件内，如下面代码：
<link href="base.css" rel="stylesheet" type="text/css" />
- 0赞 · 0采集
-
- 爷_aoFJP8 2024-12-31
- <h1>了不起的盖茨比</h1>
- 0赞 · 0采集
-
- Mr_zhang0131 2024-12-18
在网页中，元素有三种布局模型：
1、流动模型（Flow）
2、浮动模型 (Float)
3、层模型（Layer）- 0赞 · 0采集
-
- Mr_zhang0131 2024-12-18
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>边框</title>
<style type="text/css">
p{border:2px dotted #ccc;}
p{box-shadow:1px 1px 12px;
padding:8px;}
</style>
</head>
<body>
<h1 style="text-align:center;text-shadow:1px 1px 8px #9B2664;color:#fff">勇气</h1>
<p>三年级时，我还是一个胆小如鼠的小女孩，上课从来不敢回答老师提出的问题，生怕回答错了老师会批评我。就一直没有这个勇气来回答老师提出的问题。学校举办的活动我也没勇气参加。</p>
<p>到了三年级下学期时，我们班上了一节公开课，老师提出了一个很简单的问题，班里很多同学都举手了，甚至成绩比我差很多的，也举手了，还说着："我来，我来。"我环顾了四周，就我没有举手。</p>
</body>
</html>
- 0赞 · 0采集
-
- Mr_zhang0131 2024-12-18
为标签设置背景颜色可以使background-color:颜色值来实现。
- 0赞 · 0采集
-
- Mr_zhang0131 2024-12-18
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>行间距</title>
<style type="text/css">
p{line-height:2em;}
</style>
</head>
<body>
<p>菲茨杰拉德，二十世纪美国文学巨擘之一，兼具作家和编剧双重身份。他以诗人的敏感和戏剧家的想象为"爵士乐时代"吟唱华丽挽歌，其诗人和梦想家的气质亦为那个奢靡年代的不二注解。</p>
</body>
</html>
- 0赞 · 0采集
-
- Mr_zhang0131 2024-12-18
开头空两格喔 - 使用text-indent为文本添加首行缩进
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>缩进样式</title>
<style type="text/css">
p{text-indent:2em;}
</style>
</head>
<body>
<h1>了不起的盖茨比</h1>
<p>1922年的春天，一个想要成名名叫尼克?卡拉威（托比?马奎尔Tobey Maguire 饰）的作家，离开了美国中西部，来到了纽约。那是一个道德感渐失，爵士乐流行，走私为王，股票飞涨的时代。为了追寻他的美国梦，他搬入纽约附近一海湾居住。</p>
<p>菲茨杰拉德，二十世纪美国文学巨擘之一，兼具作家和编剧双重身份。他以诗人的敏感和戏剧家的想象为"爵士乐时代"吟唱华丽挽歌，其诗人和梦想家的气质亦为那个奢靡年代的不二注解。</p>
</body>
</html>
- 0赞 · 0采集
-
- Mr_zhang0131 2024-12-18
1、text-decoration可以设置添加到文本的修饰。
2、text-decoration默认值为none, 定义标准的文本。
3、text-decoration的值为underline为定义文本下的一条线。
4、text-decoration的值为overline为定义文本上的一条线。
5、text-decoration的值为line-through为定义穿过文本下的一条线，一般用于商品折扣价。
- 0赞 · 0采集
-
- Mr_zhang0131 2024-12-18
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>color颜色</title>
<style type="text/css">
.one {
color: red;
}
.two {
color: #FF0000;
}
.three {
color: rgb(255, 0, 0);
}
</style>
</head>
<body>
<a href="https://www.imooc.com/" class="one">慕课网1</a>
<a href="https://www.imooc.com/" class="two">慕课网2</a>
<a href="https://www.imooc.com/" class="three">慕课网3</a>
</body>
</html>
- 0赞 · 0采集
-
- Mr_zhang0131 2024-12-18
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>font-family</title>
<style type="text/css">
</style>
</head>
<body>
<h1>勇气</h1>
<p>三年级时，我还是一个<span id="stress" style=font-family:"楷体";font-size:40px>胆小如鼠</span>的小女孩，上课从来不敢回答老师提出的问题，生怕回答错了老师会批评我。就一直没有这个勇气来回答老师提出的问题。学校举办的活动我也没勇气参加。</p>
<p>到了三年级下学期时，我们班上了一节公开课，老师提出了一个很简单的问题，班里很多同学都举手了，甚至成绩比我差很多的，也举手了，还说着："我来，我来。"我环顾了四周，就我没有举手。</p>
</body>
</html>
- 0赞 · 0采集
-
- Mr_zhang0131 2024-12-18
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>子选择器</title>
<style type="text/css">
/*添加边框样式（粗细为1px， 颜色为红色的实线）*/
.food>li {
border: 1px solid red;
}
.first>span{border:1px solid red;}
</style>
</head>
<body>
<p class="first">三年级时，<span>我还是一个胆小如鼠的小女孩</span></span>，<span>上课从来不敢回答老师提出的问题</span>，生怕回答错了老师会批评我。就一直没有这个勇气来回答老师提出的问题。学校举办的活动我也没勇气参加。</p>
<h1>食物</h1>
<ul class="food">
<li>水果
<ul>
<li>香蕉</li>
<li>苹果</li>
<li>梨</li>
</ul>
</li>
<li>蔬菜
<ul>
<li>白菜</li>
<li>油菜</li>
<li>卷心菜</li>
</ul>
</li>
</ul>
</body>
</html>
- 0赞 · 0采集
-
- Mr_zhang0131 2024-12-18
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>类和ID选择器的区别</title>
<style type="text/css">
.stress {
color: red;
}
.bigsize {
font-size: 25px;
}
#stressid {
color: red;
}
#bigsizeid {
font-size: 25px;
}
</style>
</head>
<body>
<h1>勇气</h1>
<p>三年级时，我还是一个<span class="stress">胆小如鼠</span>的小女孩，上课从来不敢回答老师提出的问题，生怕回答错了老师会批评我。就一直没有这个<span class="stress">勇气</span>来回答老师提出的问题。学校举办的活动我也没勇气参加。</p>
<p>到了<span class="stress bigsize">三年级</span>下学期时，我们班上了一节公开课，老师提出了一个很简单的问题，班里很多同学都举手了，甚至成绩比我差很多的，也举手了，还说着："<span id="stressid">我来，我来</span>。"我环顾了四周，就我没有举手。</p>
<p>到了<span class="stress bigsize">三年级</span>下学期时，我们班上了一节公开课，老师提出了一个很简单的问题，班里很多同学都举手了，甚至成绩比我差很多的，也举手了，还说着："我来，我来。"我环顾了四周，就我没有举手。</p>
</body>
</html>
- 0赞 · 0采集
-
- Mr_zhang0131 2024-12-12
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>input-url</title>
</head>
<body>
<form method="post" action="save.php">
网址：<input type="url">
<input type="submit" value="搜索">
</form>
</body>
</html>
- 0赞 · 0采集
-
- Mr_zhang0131 2024-12-11
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>form</title>
</head>
<h1>学生信息登记表</h1>
<hr>
<body>
<h13>学生信息登记表</h3>
<form >
<div>
<lable for="username">用户名</label>
<input id="username"tyep="text" placeholder="请输入用户名：" minlength="3" maxlength="10" required >
</div>
<div>
<label for="password"></label>密码
<input
id="password"
type="password"
placeholder="请输入密码："minlength="3" maxlength="10">
</div>
<div>
<label for="email"></label>邮箱
<input
id="email"
type="email"
placeholder="请输入邮箱：">
</div>
<div>
<label for="phone"></label>手机号码
<input
id="phone"
type="phone"
placeholder="手机号码："required pattern="[0-9]{3}-[0-9]{4}-[0-9]{4}">
</div>
<div>
<label for="brithday"></label>出生日期
<input
id="brithday"
type="date"
>
</div>
<div>
<label for="age"></label>年龄
<input
id="age"
type="number"
placeholder="请输入年龄">
</div>
<div>
<lable>性别</lable>
<label for"man">男</label>
<input type="radio"value="man" name="gender">
<label for"woman">女</label>
<input type="radio"value="woman"name="gender">
</div>
<div>
<label>你的心情</label>
<select name="spirits" id="spirits">
<option value="good">好</option>
<option value="great">很好</option>
<option value="wonderful">非常好</option></select>
</div>
<div>
<label>你的爱好</label>
<label for="">打篮球</label>
<input type="checkbox"name="basketball">
<label for="">摸鱼</label>
<input type="checkbox"name="touchfish">
<label for="">电竞</label>
<input type="checkbox"name="playgame">
<label for="">看书</label>
<input type="checkbox"name="readbook">
</div>
<div>
<!--报道文件-->
<label>报道文件</label>
<input type="file" accept="exe/png">
</div>
<div>
<label for="remark">备注：你想说的</label>
<textarea name="remark" cols="30"rows></textarea>
</div>
<div>
<input type="submit">
<input type="reset">
</form>
</body>
</html>
- 0赞 · 0采集
-
- Mr_zhang0131 2024-12-11
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>使用thead、tbody、tfoot标签</title>
</head>
<h2>成绩表</h2><hr>
<h3><table border="1" width="200px" height="200px" align="center" bgcolor="orange">
<body>
<thead>
<tr>
<th>科目</th>
<th>分数</th>
</tr>
</thead>
<tbody>
<tr>
<td>语文</td>
<td>99</td>
</tr>
<tr>
<td>数学</td>
<td>60</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>总分</td>
<td>159</td>
</tr>
</tfoot>
</body>
</html>
- 0赞 · 0采集
-
- Mr_zhang0131 2024-12-11
table私有属性
border(边框)属性：border="number"
background(背景)属性:background="背景图片"
bgcolor(背景颜色)属性:bgcolor=""
width/height属性:宽/长:width="30"/height="40'
align="center" 对齐方式
- 0赞 · 0采集
-
- 王康_fhKOZ5 2024-12-08
header可以理解为导航，h标签指的是标题
- 0赞 · 0采集
-
- 慕先生7347984 2024-11-25
1、<table>…</table>：整个表格以<table>标记开始、</table>标记结束。
2、<tr>…</tr>：表格的一行，所以有几对tr 表格就有几行。
3、<td>…</td>：表格的一个单元格，一行中包含几对<td>...</td>，说明一行中就有几列。
4、<th>…</th>：表格的头部的一个单元格，表格表头。
5、表格中列的个数，取决于一行中数据单元格的个数。
6、border属性可以为表格添加边框，属性值为数字。
注意：
1、table标签用来定义整个表格，为双标签，必须有结束标签。
2、table标签里面可以放caption标签和tr标签。
3、caption标签用来定义表格的标题。
4、tr标签用来设置表格的行，tr里面只能放th或者td标签，一组tr标签代表一行。
5、th用来设置表格的标题，会加粗居中显示。也就是th标签中的文本默认为粗体并且居中显示。
6、td同来设置表格的列，一组td标签代表一列。
7、table表格在没有添加border属性之前, 在浏览器中显示是没有表格线的
- 0赞 · 0采集
-
- 慕先生7347984 2024-11-25
1、<table>…</table>：整个表格以<table>标记开始、</table>标记结束。
2、<tr>…</tr>：表格的一行，所以有几对tr 表格就有几行。
3、<td>…</td>：表格的一个单元格，一行中包含几对<td>...</td>，说明一行中就有几列。
4、<th>…</th>：表格的头部的一个单元格，表格表头。
5、表格中列的个数，取决于一行中数据单元格的个数。
6、border属性可以为表格添加边框，属性值为数字。
注意：
1、table标签用来定义整个表格，为双标签，必须有结束标签。
2、table标签里面可以放caption标签和tr标签。
3、caption标签用来定义表格的标题。
4、tr标签用来设置表格的行，tr里面只能放th或者td标签，一组tr标签代表一行。
5、th用来设置表格的标题，会加粗居中显示。也就是th标签中的文本默认为粗体并且居中显示。
6、td同来设置表格的列，一组td标签代表一列。
7、table表格在没有添加border属性之前, 在浏览器中显示是没有表格线的
- 0赞 · 0采集
-
- 柔泉梦雾_ovxHT9 2024-11-22
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>了不起的盖茨比</title>
</head>
<body>
<!-- 标题标签 -->
<h1>了不起的盖茨比</h1>
<!-- 段落标签 -->
<p>1922年的春天，一个想要成名名叫尼克•卡拉威（托比•马奎尔Tobey Maguire 饰）的作家，离开了美国中西部，来到了纽约。那是一个道德感渐失，爵士乐流行，走私为王，股票飞涨的时代。为了追寻他的<span>美国梦</span>，他搬入纽约附近一海湾居住。</p>
<!-- 段落标签 -->
<p>菲茨杰拉德，二十世纪美国文学巨擘之一，兼具作家和编剧双重身份。他以诗人的敏感和戏剧家的想象为"爵士乐时代"吟唱华丽挽歌，其诗人和梦想家的气质亦为那个奢靡年代的不二注解。</p>
</body>
</html>
- 0赞 · 0采集
-
- 佳期_fiquRV 2024-11-20
1. <!DOCTYPE html>:文档类型声明，表示该文件为 HTML5文件。<!DOCTYPE> 声明必须是 HTML 文档的第一行，位于 <html> 标签之前
2. <html></html>标签对：<html>标签位于HTML文档的最前面，用来标识HTML文档的开始；</html>标签位于HTML文档的最后面，用来标识HTML 文档的结束；这两个标签对成对存在，中间的部分是文档的头部和主题。
3.<head></head>标签对：标签包含有关HTML文档的信息，可以包含一些辅助性标签。如<title></title>，<link /><meta />，<style></style>，<script></script>等，但是浏览器除了会在标题栏显示<title>元素的内容外，不会向用户显示head元素内的其他任何内容。
4.<body></body>标签对：它是HTML文档的主体部分，在此标签中可以包含<p><h1><br>等众多标签，<body>标签出现在</head>标签之后，且必须在闭标签</html>之前闭合。
- 0赞 · 0采集
