本文目录
- HTML标签大全
- 求html表格代码，有样式！
- HTML代码，如何设置表格样式
- html表格字体样式怎么设置
- html 怎么设置漂亮的表单样式
- html表单中如何设置字体属性之类的
- 定义html表单细边框样式
HTML标签大全
《!DOCTYPE》 定义文档类型。 《html》 定义 HTML 文档。 《body》 定义文档的主体。 《h1》 to 《h6》 定义 HTML 标题。 《p》 定义段落。 《br》 定义简单的折行。 《hr》 定义水平线。 《!--...--》 定义注释。 《b》 定义粗体文本。 《ont》 不赞成使用。定义文本的字体、尺寸和颜色 《i》 定义斜体文本。 《em》 定义强调文本。 《big》 定义大号文本。 《strong》 定义语气更为强烈的强调文本。 《small》 定义小号文本。 《sup》 定义上标文本。 《sub》 定义下标文本。 《bdo》 定义文本的方向。 《u》 不赞成使用。定义下划线文本。 《pre》 定义预格式文本 《code》 定义计算机代码文本。 《tt》 定义打字机文本。 《kbd》 定义键盘文本。 《var》 定义文本的变量部分。 《dn》 定义定义项目。 《samp》 定义计算机代码样本。 《xmp》 不赞成使用。定义预格式文本。 《acronym》 定义只取首字母的缩写。 《abbr》 定义缩写。 《address》 定义文档作者或拥有者的联系信息。 《blockquote》 定义块引用。 《center》 不赞成使用。定义居中文本。 《q》 定义短的引用。 《cite》 定义引用(citation)。 《ins》 定义被插入文本。 《del》 定义被删除文本。 《s》 不赞成使用。定义加删除线的文本。 《strike》 不赞成使用。定义加删除线的文本。 《a》 定义锚。 《link》 定义文档与外部资源的关系。 《rame》 定义框架集的窗口或框架。 《rameset》 定义框架集。 《norames》 定义针对不支持框架的用户的替代内容。 《irame》 定义内联框架。 《orm》 定义供用户输入的 HTML 表单。 《input》 定义输入控件。 《textarea》 定义多行的文本输入控件。 《button》 定义按钮。 《select》 定义选择列表（下拉列表）。 《optgroup》 定义选择列表中相关选项的组合。 《option》 定义选择列表中的选项。 《label》 定义 input 元素的标注。 《ieldset》 定义围绕表单中元素的边框。 《legend》 定义 ieldset 元素的标题。 《isindex》 不赞成使用。定义与文档相关的可搜索索引。 《ul》 定义无序列表。 《ol》 定义有序列表。 《li》 定义列表的项目。 《dir》 不赞成使用。定义目录列表。 《dl》 定义定义列表。 《dt》 定义定义列表中的项目。 《dd》 定义定义列表中项目的描述。 《menu》 不赞成使用。定义菜单列表。 《img》 定义图像。 《map》 定义图像映射。 《area》 定义图像地图内部的区域。 《table》 定义表格 《caption》 定义表格标题。 《th》 定义表格中的表头单元格。 《tr》 定义表格中的行。 《td》 定义表格中的单元。 《thead》 定义表格中的表头内容。 《tbody》 定义表格中的主体内容。 《oot》 定义表格中的表注内容（脚注）。 《col》 定义表格中一个或多个列的属性值。 《colgroup》 定义表格中供格式化的列组。 《style》 定义文档的样式信息。 《div》 定义文档中的节。 《span》 定义文档中的节。 《head》 定义关于文档的信息。 《title》 定义文档的标题。 《meta》 定义关于 HTML 文档的元信息。 《base》 定义页面中所有链接的默认地址或默认目标。 《baseont》 不赞成使用。定义页面中文本的默认字体、颜色或尺寸。 《script》 定义客户端脚本。 《noscript》 定义针对不支持客户端脚本的用户的替代内容。 《applet》 不赞成使用。定义嵌入的 applet。 《object》 定义嵌入的对象。 《param》 定义对象的参数。
求html表格代码，有样式！
《!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN“ “ http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd“》《html xmlns=“ http://www.w3.org/1999/xhtml“》《head》《meta http-equiv=“Content-Type“ content=“text/html; charset=utf-8“ /》《title》无标题文档《/title》《style type=“text/css“》table td{border:#00F 1px solid; width:100px; height:20px}《/style》《/head》《body》《table cellspacing=“0“》《tr》《td rowspan=“2“》《/td》《td》《/td》《td》《/td》《/tr》《tr》《td colspan=“2“》《/td》《/tr》《/table》《/body》《/html》
HTML代码，如何设置表格样式
在网页的《head》《/head》标签中间加上《style》table { border-left: 1px solid #C1DAD7/*边框颜色*/; border-top: 1px solid #C1DAD7/*边框颜色*/;} td { border-right: 1px solid #C1DAD7/*边框颜色*/; border-bottom: 1px solid #C1DAD7/*边框颜色*/;}《/style》
html表格字体样式怎么设置
html的字体样式主要通过css的font-size以及font-family来定义的，标签详解如下：
font-size
指定字体大小，常用单位有em和px
指定使用的字体
常用的中文字体有微软雅黑和宋体，英文字体有Arial
可以同时指定多个字体，使用英文的逗号分隔，浏览器会按顺序查找，找不到就找下一个，全部没找到就使用系统默认的
字体用中文表示 则需要用双引号或者单引号分隔，英文字体一般不需要用引号，但是如果 有特殊字符的（如空格，反斜杠，#，$等）也需要使用引号
font-family
font-weight
字体粗细（bold相等于设置该属性的值为700，normal相等于设置该属性值为400–》不用单位，建议使用数字因为解析会更快）
normal（一般用于让斜体不倾斜，em标签有加重强调的语义 但是字体会倾斜，可以为em 标签设置 font-style 属性值为 normal 取消其倾斜的效果）
即 所有的字体样式 使用一个语句，但是有一定的语法规则和顺序
选择器 { font : font-style font-weight font-size/line-height font-family; }
字体样式连写时需要注意：一定要按顺序写，可以有省略不写的样式但是一定要按顺序，而且font-size和font-family是不可以省略的，否则会不起作用
color：字体颜色
预定义的颜色如green，red等
十六进制，顺序是红绿蓝，十六进制是最常用的颜色表示方式
#ff0000 表示红色，等同于#f00（缩写，必须是两两相同的才可以进行缩写）；#00f表示蓝色；#0f0表示绿色；#fff表示白色（所有的颜色都满格），#000000即#000表示黑色（所有的颜色都没有）
RGB代码：rgb(255,255,255)表示白色
文本修饰：text-decoration：none、underlined（比较常用，用于添加下划线和取消下划线）
fon-style
字体样式可以连写
文本外观样式
line-hight：行间距，一般情况下，行间距只需要比字体大小大7或8个像素就可以了
text-align：文本内容的水平对齐方式
text-indent：段落首行缩进，单位使用em，1em就是一个字，所以该样式值为2em 表示 段落首行缩进两个字符
html 怎么设置漂亮的表单样式
html 设置漂亮的表单样式，以下是代码：1、编写一个from表单《form id=“payment“》 《fieldset》 《legend》用户详细资料《/legend》 《ol》 《li》 《label for=“name“》用户名称：《/label》 《input id=“name“ name=“name“ type=“text“ placeholder=“请输入用户名“ required autofocus》 《/li》 《li》 《label for=“email“》邮件地址：《/label》 《input id=“email“ name=“email“ type=“email“ placeholder=“example@163.com“ required》 《/li》 《li》 《label for=“phone“》联系电话：《/label》 《input id=“phone“ name=“phone“ type=“tel“ placeholder=“010-12345678“ required》 《/li》 《/ol》 《/fieldset》 《fieldset》 《legend》家庭住址（收货地址）：《/legend》 《ol》 《li》 《label for=“address“》详细地址：《/label》 《textarea id=“address“ name=“address“ rows=“1“ required》《/textarea》 《/li》 《li》 《label for=“postcode“》邮政编码：《/label》 《input id=“postcode“ name=“postcode“ type=“text“ required》 《/li》 《li》 《label for=“country“》国 家：《/label》 《input id=“country“ name=“country“ type=“text“ required》 《/li》 《/ol》 《/fieldset》 《fieldset》 《legend》付费方式《/legend》 《ol》 《li》 《fieldset》 《legend》信用卡类型《/legend》 《ol》 《li》 《input id=“visa“ name=“cardtype“ type=“radio“》 《label for=“visa“》中国工商银行《/label》 《/li》 《li》 《input id=“amex“ name=“cardtype“ type=“radio“》 《label for=“amex“》中国人民银行《/label》 《/li》 《li》 《input id=“mastercard“ name=“cardtype“ type=“radio“》 《label for=“mastercard“》中国建设银行《/label》 《/li》 《/ol》 《/fieldset》 《/li》 《li》 《label for=“cardnumber“》银行卡号：《/label》 《input id=“cardnumber“ name=“cardnumber“ type=“number“ required》 《/li》 《li》 《label for=“secure“》验 证 码：《/label》 《input id=“secure“ name=“secure“ type=“number“ required》 《/li》 《li》 《label for=“namecard“》持 卡 人：《/label》 《input id=“namecard“ name=“namecard“ type=“text“ placeholder=“确定是否该卡用户！“ required》 《/li》 《/ol》 《/fieldset》 《fieldset》 《button type=“submit“》现在购买《/button》 《/fieldset》《/form》2、编写css样式《style type=“text/css“》/*分别定义HTML中和标记之的距离样式*/html, body, h1, form, fieldset, legend, ol, li { margin: 0; padding: 0;}/*定义《body》标记样式*/body { background: #ffffff; color: #111111; font-family: Georgia, “Times New Roman“, Times, serif; padding-left: 20px; }/*定义付费内容的样式*/form#payment { background: #9cbc2c; -webkit-border-radius: 5px; border-radius: 5px; padding: 20px; width: 400px; margin:auto;}form#payment fieldset { border: none; margin-bottom: 10px;}form#payment fieldset:last-of-type { margin-bottom: 0; }form#payment legend { color: #384313; font-size: 16px; font-weight: bold; padding-bottom: 10px; text-shadow: 0 1px 1px #c0d576;}form#payment 》 fieldset 》 legend:before { content: “Step “ counter(fieldsets) “: “; counter-increment: fieldsets;}form#payment fieldset fieldset legend { color: #111111; font-size: 13px; font-weight: normal; padding-bottom: 0;}form#payment ol li { background: #b9cf6a; background: rgba(255, 255, 255, .3); border-color: #e3ebc3; border-color: rgba(255, 255, 255, .6); border-style: solid; border-width: 2px; -webkit-border-radius: 5px; line-height: 30px; list-style: none; padding: 5px 10px; margin-bottom: 2px;}form#payment ol ol li { background: none; border: none; float: left;}form#payment label { float: left; font-size: 13px; width: 110px;}form#payment fieldset fieldset label { background: none no-repeat left 50%; line-height: 20px; padding: 0 0 0 30px; width: auto;}form#payment fieldset fieldset label:hover { cursor: pointer; }form#payment input:not([type=radio]), form#payment textarea { background: #ffffff; border: #FC3 solid 1px; -webkit-border-radius: 3px; font: italic 13px Georgia, “Times New Roman“, Times, serif; outline: none; padding: 5px; width: 200px;}form#payment input:not([type=submit]):focus, form#payment textarea:focus { background: #eaeaea; border: #F00 solid 1px;}form#payment input[type=radio] { float: left; margin-right: 5px;}《/style》3、漂亮的表单生成。
html表单中如何设置字体属性之类的
直接给表单中对应的元素设置相应的css样式就是可以实现设置字体等属相的样式的。
设置表单输入框字体样式的代码实例如下：
《!DOCTYPE html》《html》《head》《meta charset=“UTF-8“》《title》float《/title》《/head》《form action=““ method=“post“》《input type=“text“ id=“text“ value=““ /》《input type=“submit“ value=““/》《/form》《/body》《style》#text{color: red;font-style: italic;/*设置了字体颜色为红色，字体为斜体*/}《/style》《/html》
如上图：css设置input的字体是红色斜体。
定义html表单细边框样式
例:《input name=““ type=“text“ style=“ border:1px solid #006600“ /》 就是用style=“ border:1px solid #006600“这个来控制了;border:1px solid #006600中的border表示边框,1px表示边框的宽度,solid表示边框的样式为实线,#006600表示边框的颜色