• meta介绍

• icon网页图标

• 表格

• 表单

meta介绍

设置编码

<meta charset="utf-8">

欢迎大家来到IT世界,在知识的湖畔探索吧!

设置关键字

欢迎大家来到IT世界,在知识的湖畔探索吧!<meta name="keywords" content="html, java, 前端" />

设置网页描述

<meta name="description" content="这是一个简单的html页面" />

网页重定向

欢迎大家来到IT世界,在知识的湖畔探索吧!<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"/>