meta介绍
icon网页图标
表格
表单
meta介绍
设置编码
<meta charset="utf-8">
设置关键字
<meta name="keywords" content="html, java, 前端" />
设置网页描述
<meta name="description" content="这是一个简单的html页面" />
网页重定向
<meta http-equiv="refresh" content="3; http://www.baidu.com">
作者
<meta name="author" content="小火柴" />
设置蜘蛛爬取状态
<meta name="robots" content="all|none|index|follow|noindex|nofollow">all 文件将被检索，且页面上的连接可以被查询
icon网页图标
<link rel="icon" href="test.ico"/>
表格
<table border="1" width="500" height="300" cellspacing="0" cellpadding="10" bgcolor="#cfcfcf" align="centers">
表格的标准结构
<table border="1" width="500" height="300">
表头
<table border="1" width="500" height="300">
合并
<table border="1" width="500" height="300">
表格的标题 直接在td的地方换成th 边框的颜色
<table border="1" width="500" height="300" bordercolor="red">
内容的垂直对其方式 在td中添加属性 valign="top" top 顶部 middle 居中 bottom 靠下 细线的表格
<table bgcolor="green" width="500" height="300" cellspacing="1">
表格小案例 -- 课程表
<table width="300" height="250" bgcolor="green" cellspacing="1" align="center">
表单
表单的作用的就是用来收集信息
表单域
<form action="" method="get">
输入框属性简介
<input type="text" name="userName" maxlength="8" readonly="readonly" value="admin" disabled="disabled">
单选框
<input type="radio" name="sex" value="男" checked="checked" />男
下拉列表
<select multiple="multiple">
多选框
<input type="checkbox" name="play" value="篮球" checked="checked">篮球
多行文本框 文本域
<textarea cols="30" rows="10"></textarea>cols 输入字符宽
文件上传组件
<input type="file" name="myfile">
文件的提交
<input type="submit" value="提交">
按钮
<input type="button" value="我的第一个按钮"/>
图片提交按钮
<input type="image" src="submit.jpg" />
重置按钮
<input type="reset" value="重置" />
信息分组
<fieldset>
h5表单控件
<!-- 网址控件 --><input type="url"/><!-- 日期控件 --><input type="date" /><!-- 时间控件 --><input type="time" /><!-- 邮件控件 --><input type="email" /><!-- 数字控件 --><input type="number" step="5"/><!-- 滑块控件 --><input type="range" step="5" value="10"/>