<html> //html 主体框架 标签要写在body中哦 head 一般写css代码 定义样式
<meta charset="utf-8" />
<head>
<title>
</title>
</head>
<body>
</body>
</html>
一.各种标签
1)块标签自己独占一行;
<h(1~6)></h>标题
<p></p>段落
<div></div>大盒子
<ul></ul> 无序列表 我们可以通过 为加入type="形状名称" 属性来改变其符号形状,常用的有三个选择:disc(实心圆)、square(小正方形)、circle(空心圆)。
<ol></ol> 有序列表 type的取值可以是:1(数字,此为默认选项)、A(大写英文字母)、a(小写英文字母)、I(大写罗马字母)、i(小写罗马字母)等五种。
<li></li>
2) 在宽度允许下,可以和其他行内标签共享一行
<i></i> 一般和前端框架(layui)的表情搭配使用
<span></span>小盒子
<img src=""> 图片标签 src中为图片所在路径
<a href="“></a> 超链接a href为要跳转的地址
3)功能标签
<br/>换行
<hr>一条很长很长的直线
二.form表单
<input type="?">
input输入框,默认为text
?=password :密码框
?=radio:单选框 checked="checked" 为默认选中
?=checkbox 复选框 checked="checked" 为默认选中
input按钮
?=button 普通按钮
?=submit 提交按钮
?=reset 重置按钮 注意:所有表单元素有<form></form>包裹 才可以点击重置
input文件域
?=file 可以选择一个文件
input-hidden隐藏域
?=hidden 输入框将不进行显示 可以存储临时属性
textarea 文本区域 cols 和rows 设置宽度和高度
<textarea cols="40" rows="6"></textarea>
<fieldset></fieldset>区分各个form表单,会使用矩形将form表单框起来
<frame></frmae>
table表格布局
<th></th>表示表头
<tr></tr>表示一行
<td></td>表示一列
说明:
1.colspan="2":表示从其所在的单元格
开始向后共2个单元格进行合并。
2.rowspan="2":表示从其所在的单元格
开始向下共2个单元格进行合并。
例:下面代码表示两行三列
<table>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>