-
- Mr_zhang0131 4天前
<!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 5天前
<!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 5天前
<!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 5天前
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采集
-
- 慕前端3412468 2024-11-03
- HelloWord
- 0赞 · 0采集
-
- 精慕门5388277 2024-10-15
- form 表单中的各个标签之间应该有<br>标签，202410
- 0赞 · 0采集
-
- 精慕门5388277 2024-10-15
- form表单中的条目之间要有<br>标签换行
- 0赞 · 0采集
-
- 慕少9445839 2024-10-03
- index.html
- 0赞 · 0采集
-
- Rachel_nnn 2024-09-28
被设置元素为文本、图片等行内元素时，水平居中是通过给父元素设置 text-align:center 来实现的。
- 0赞 · 0采集
-
- 慕仔5269884 2024-08-30
- hello words
- 0赞 · 0采集
-
- 慕用0586546 2024-08-15
横轴排列：justify-content
flex-start 左
flex-end 右
center 居中
space-between 两端对齐，项目间隔相同
space-around 不贴边，项目左右两边间隔相同
- 0赞 · 0采集
-
- 慕用0586546 2024-08-15
层模型Layer:
position:absolute 绝对定位
position:relative 相对定位
position:fixed 固定定位
- 0赞 · 0采集
-
- 慕用0586546 2024-08-15
布局模型：
Flow流动模型flow
Float浮动模型float
Layer层模型layer
- 0赞 · 0采集
-
- 慕用0586546 2024-08-15
边框border:
实心solid
虚线dashed
点线dotted
- 0赞 · 0采集
-
- 慕用0586546 2024-08-15
转换元素：display
display:bolck; 块：独占一行，元素的高度、宽度、行高以及顶和底边距都可设置。
display:inline;内联：多元素一行，元素的高度、宽度、行高以及顶和底边距不可设置。
display:inline-block;内联块：和内联元素一行，元素的高度、宽度、行高以及顶和底边距都可设置。
display:none;隐藏元素
- 0赞 · 0采集
-
- 慕用0586546 2024-08-15
块级元素独占一行：<div>、 <p>、<h1>、<form>、<ul> 和 <li>等；
内联元素转化为块级元素，display:block，后可定义高、宽、行高、顶、底边距
<a display:block; >
- 0赞 · 0采集
-
- 慕用0586546 2024-08-15
CSS元素：
块状元素
内联元素（行内元素）
内联块状元素
- 0赞 · 0采集
-
- 慕用0586546 2024-08-15
text-indent:2em;
首行缩进2个文字
- 0赞 · 0采集
-
- 慕用0586546 2024-08-15
body{
font:italic bold 12px/1.5em "宋体",sans-serif;
}1、使用这一简写方式你至少要指定 font-size 和 font-family 属性，其他的属性(如 font-weight、font-style、font-variant、line-height)如未指定将自动使用默认值。
2、在缩写时 font-size 与 line-height 中间要加入“/”斜扛。
------------------------------------------------------------------
body{
font:12px/1.5em "宋体",sans-serif;
}常用只是有字号、行间距、中文字体、英文字体设置。
- 0赞 · 0采集
-
- 慕用0586546 2024-08-15
#name1{
color:red;
}
#name2{
color:#abc321;
}
#name3{
color:rgb(66,66,12);
}
- 0赞 · 0采集
-
- 慕用0586546 2024-08-15
font-style:italic
font-style:oblique
italic斜体
oblique倾斜
- 0赞 · 0采集
-
- 慕用0586546 2024-08-15
标签的权值为1，类选择符的权值为10，ID选择符的权值最高为100
- 0赞 · 0采集
-
- 慕用0586546 2024-08-15
选择器的优先级依次是:
内联样式 > id选择器 > 类选择器 > 标签选择器 > 通配符选择器
内联 > id # >class . >标签 >*
- 0赞 · 0采集
-
- 慕用0586546 2024-08-15
分组选择器用英文逗号,表示
h1,span
.first,#second
- 0赞 · 0采集
-
- 慕用0586546 2024-08-15
伪类选择器：
a:hover （兼容性好）鼠标划过的状态
- 0赞 · 0采集
