html表格布局代码(html 表格布局)
admin 发布:2022-12-19 09:33 105
今天给各位分享html表格布局代码的知识,其中也会对html 表格布局进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!
本文目录一览:
- 1、讲讲html布局(包括标签、属性、还有代码编辑举例,要迅速、详细)??
- 2、怎么用HTML做这样一个表格?
- 3、HTML中怎么用div+table来布局,另div怎么套div和表格,请大神指导
- 4、html中如何让表格在浏览器中上下左右居中?
- 5、html表格布局
- 6、html布局的几种方式有
讲讲html布局(包括标签、属性、还有代码编辑举例,要迅速、详细)??
-- HTML标记大全参考手册[推荐]
总类(所有HTML文件都有的)
文件类型 HTML/HTML (放在档案的开头与结尾)
文件主题 TITLE/TITLE (必须放在「文头」区块内)
文头 HEAD/HEAD (描述性资料,像是「主题」)
文体 BODY/BODY (文件本体)
------------------------------------------------------------结构性定义(由浏览器控制的显示风格)
标题 H?/H? (从1到6,有六层选择)
3.0 标题的对齐 H? ALIGN=LEFT|CENTER|RIGHT/H?
3.0 区分 DIV/DIV
3.0 区分的对齐 DIV ALIGN=LEFT|RIGHT|CENTER|JUSTIFY/DIV
引文区块 BLOCKQUOTE/BLOCKQUOTE (通常会内缩)
强调 EM/EM (通常会以斜体显示)
特别强调 (通常会以加粗显示)
引文 CITE/CITE (通常会以斜体显示)
码 CODE/CODE (显示原始码之用)
样本 SAMP/SAMP
键盘输入 KBD/KBD
变数 VAR/VAR
定义 DFN/DFN (有些浏览器不提供)
地址 ADDRESS/ADDRESS
3.0 大字 BIG/BIG
3.0 小字 SMALL/SMALL
------------------------------------------------------------与外观相关的标签(作者自订的表现方式)
加粗 B/B
斜体 I/I
3.0 底线 U/U (尚有些浏览器不提供)
3.0 删除线 S/S (尚有些浏览器不提供)
3.0 下标 SUB/SUB
3.0 上标 SUP/SUP
打字机体 TT/TT (用单空格字型显示)
预定格式 PRE/PRE (保留文件中空格的大小)
预定格式的宽度 PRE WIDTH=?/PRE(以字元计算)
N1.0+ 向中看齐 CENTER/CENTER (文字与图片都可以)
N1.0 闪耀 BLINK/BLINK (有史以来最被嘲弄的标签)
N1.0 字体大小 FONT SIZE=?/FONT(从1到7)
N1.0 改变字体大小 FONT SIZE=+|-?/FONT
N1.0 基本字体大小 BASEFONT SIZE=? (从1到7; 内定为3)
N2.0 字体颜色 FONT COLOR="#$$$$$$"/FONT
--------------------------------------------------------------------------------
连结与图形
连结 A HREF="URL"/A
连结到锚点 A HREF="URL#***"/A(如果锚点在另一个档案)
A HREF="#***"/A (如果锚点目前的档案)
N2.0 连结到目的视框 A HREF="URL" TARGET="***"/A
设定锚点 A NAME="***"/A
图形 IMG SRC="URL"
图形看齐方式 IMG SRC="URL" ALIGN=TOP|BOTTOM|MIDDLE
N1.0 图形看齐方式 IMG SRC="URL"
ALIGN=LEFT|RIGHT|TEXTTOP|ABSMIDDLE|BASELINE|ABSBOTTOM
取代文字 IMG SRC="URL" ALT="***" (如果没有办法显示图形则显示此文字)
点选图 IMG SRC="URL" ISMAP (需要CGI程式)
N2.0 点选图 IMG SRC="URL" USEMAP="URL"
N2.0 地图 MAP NAME="***"/MAP(描述地图)
N2.0 段落 AREA SHAPE="RECT" COORDS=",,," HREF="URL"|NOHREF
3.0 大小 IMG SRC="URL" WIDTH="?" HEIGHT="?"(以pixels为单位)
N1.0 图形边缘 IMG SRC="URL" BORDER=? (以pixels为单位)
N1.0 图形边缘空间 IMG SRC="URL" HSPACE=? VSPACE=? (以pixels为单位)
N1.0 低解析度图形 IMG SRC="URL" LOWSRC="URL"
N1.1 用户端拉 META HTTP-EQUIV="Refresh" CONTENT="?; URL=URL"(使用端自动更新 )
N2.0 内嵌物件 EMBED SRC="URL" (将物件插入页面)
N2.0 内嵌物件大小 EMBED SRC="URL" WIDTH="?" HEIGHT="?"
--------------------------------------------------------------------------------
分隔
段落 P (通常是两个return)
3.0 段落 P (新定义成容器型标签)
3.0 文字看齐方式 P ALIGN=LEFT|CENTER|RIGHT
换行 BR (一个return)
N1.0 文字部份看齐方式BR CLEAR=LEFT|RIGHT|ALL(与图形合用时)
横线 HR
N1.0 横线对齐 HR ALIGN=LEFT|RIGHT|CENTER
N1.0 横线厚度 HR SIZE=? (以pixels为单位)
N1.0 横线宽度 HR WIDTH=? (以pixels为单位)
N1.0 横线比率宽度 HR WIDTH=% (以页宽为100%)
N1.0 实线 HR NOSHADE (没有立体效果)
N1.0 不可换行 NOBR/NOBR (不换行)
N1.0 可换行处 WBR (如果需要,可在此断行)
--------------------------------------------------------------------------------
列举 (可以巢状列举)
无次序式列举 ULLI/UL (LI 放在每一项前)
N1.0 公布式列举 UL TYPE=DISC|CIRCLE|SQUARE(定义全部的列举项)
LI TYPE=DISC|CIRCLE|SQUARE(定义这个及其后的列举项)
有次序式列举 OLLI/OL (LI 放在每一项前)
N1.0 数标型态 OL TYPE=A|a|I|i|1 (定义全部的列举项)
LI TYPE=A|a|I|i|1 (定义这个及其后的列举项)
N1.0 起始数字 OL value=? (定义全部的列举项)
LI value=? (定义这个及其后的列举项)
定义式列举 DLDTDD/DL(DT项目, DD定义)
表单式列举 MENULI/MENU(LI 放在每一项前)
目录式列举 DIRLI/DIR (LI 放在每一项前)
--------------------------------------------------------------------------------
背景与颜色
3.0 重复排列的背景 BODY BACKGROUND="URL"
N1.1+ 背景颜色 BODY BGCOLOR="#$$$$$$" (依序为红、绿、蓝)
N1.1+ 文字颜色 BODY TEXT="#$$$$$$"
N1.1+ 连结颜色 BODY LINK="#$$$$$$"
N1.1+ 看过的连结 BODY VLINK="#$$$$$$"
N1.1 使用中的连结 BODY ALINK="#$$$$$$"
--------------------------------------------------------------------------------
特殊字元(以下标签需用小写)
特别符号 ?; (其中 ? 代表 ISO 8859-1 的编码)
" "
注册商标TM �0�3
N1.0+ 注册商标TM �0�3
著作权符号 �0�8
N1.0+ 著作权符号 �0�8
--------------------------------------------------------------------------------
表单 (通常需要与CGI程式配合)
定义表单 FORM ACTION="URL" METHOD=GET|POST/FORM
N2.0 上传档案 FORM ENCTYPE="multipart/form-data/FORM
输入栏位 INPUT TYPE="TEXT|PASSWORD|CHECKBOX|RADIO|IMAGE|HIDDEN|SUBMIT|RESET"
栏位名称 INPUT NAME="***"
栏位内定值 INPUT value="***"
已选定 INPUT CHECKED (适用於checkboxes与 radio boxes)
栏位宽度 INPUT SIZE=? (以字元数为单位)
最长字数 INPUT MAXLENGTH=? (以字元数为单位)
下拉式选单 SELECT/SELECT
下拉式选单名称 SELECT NAME="***"/SELECT
选单项目数量 SELECT SIZE=?/SELECT
多选式选单 SELECT MULTIPLE (多选)
选项 OPTION
内定选项 OPTION SELECTED
文字输入区 TEXTAREA ROWS=? COLS=?/textarea
输入区名称 TEXTAREA NAME="***"/textarea
N2.0 输入区换行方式 TEXTAREA WRAP=OFF|VIRTUAL|PHYSICAL/textarea
--------------------------------------------------------------------------------
表格
3.0 定义表格 TABLE/TABLE
3.0 表格框线 TABLE BORDER/TABLE (有或没有)
N1.1 表格框线 TABLE BORDER=?/TABLE(可以设定数值)
N1.1 储存格左右留白 TABLE CELLSPACING=?
N1.1 储存格上下留白 TABLE CELLPADDING=?
N1.1 表格宽度 TABLE WIDTH=? (以pixels为单位)
N1.1 宽度比率 TABLE WIDTH=% (页宽为100%)
3.0 表格列 TR/TR
3.0 表格列内容看齐 TR ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM
3.0 储存格 TD/TD (须与列并用)
3.0 储存格内容看齐 TD ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM
3.0 不换行 TD NOWRAP
N3.0 储存格背景颜色 TD BGCOLOR=#$$$$$$
3.0 储存格横向连接 TD COLSPAN=?
3.0 储存格纵向连接 TD ROWSPAN=?
N1.1 储存格宽度 TD WIDTH=? (以pixels为单位)
N1.1 储存格宽度比率 TD WIDTH=% (页宽为100%)
3.0 表格标题 TH/TH (跟TD一样,不过会对中并加粗)
3.0 表格标题对齐 TH ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM
3.0 表格标题不换行 TH NOWRAP
3.0 表格标题占几栏 TH COLSPAN=?
3.0 表格标题占几列 TH ROWSPAN=?
N1.1 表格标题宽度 TH WIDTH=? (以pixels为单位)
N1.1 表格标题比率宽度TH WIDTH=% (页宽为100%)
3.0 表格抬头 CAPTION/CAPTION
3.0 表格抬头看齐 CAPTION ALIGN=TOP|BOTTOM(在表格之上/之下)
怎么用HTML做这样一个表格?
你确定这是一个表格?不是一个页面布局?
首先要分析布局,像这样的,首先一个大盒子装着上下两个div,然后下面的div里面有3块,先分左右两块,然后右边的可以通过定位来写
这个是效果图,代码如下:
!DOCTYPE html
html
head
meta charset="utf-8"/
titlehtml布局/title
style type="text/css"
html,body{
margin:0;
}
.fl{
float:left;
}
.fr{
float:right;
}
.ovf{
overflow: hidden;
}
.box{
width: 100%
}
.box-shang{
width:90%;
margin:0 auto;
line-height: 80px;
text-align: center;
border:1px solid #000;
}
.box-xia{
width:90%;
margin:0 auto;
border:1px solid #000;
}
.box-xia .xia-lef{
border:1px solid #000;
width:30%;
text-align: center;
line-height: 500px;
}
.box-xia .xia-rig{
border:1px solid #000;
width:calc(70% - 4px);
text-align: center;
line-height: 500px;
position: relative;
}
.rig-dw{
width:50%;
line-height: 350px;
position: absolute;
top:0;
left:0;
border:1px solid #000;
}
/style
/head
body
div class="box"
div class="box-shang"上面部分/div
div class="box-xia ovf"
div class="fl xia-lef"下面左边部分/div
div class="fl xia-rig"
div class="rig-dw"我是定位过来的/div
/div
/div
/div
/body
/html
HTML中怎么用div+table来布局,另div怎么套div和表格,请大神指导
1;DIV和表格布局局限性很多,但是用到表格的时候还是必须要用。
2;现在用的最多的是DIV+CSS来布局,发展的需要,更加灵活多变,代码更整洁清晰。
3;DIV嵌套DIVdiv。
div class=""
div class=""/div
/div
4;DIV嵌套表格。
div class=""
table
tr
td
/td
/tr
/table
/div
5;根据自己的需要选择何时的搭配这才是最重要的。
6;自己没事的时候可以多练习一下。
html中如何让表格在浏览器中上下左右居中?
左右居中:margin:0 auto;
上下居中:设置父级div高度(假设为300px);设置table的高度(假设为100px)。
text-align:center主要针对的是文字,比如、之类的, 如果只是图片的话就要设置margin了, 另外,可能是我理解错你的意思了,你的text-align:center是想作用到table吗,这是不行的,margin才可以。
扩展资料:
超级文本标记语言文档制作不是很复杂,但功能强大,支持不同数据格式的文件镶入,这也是万维网(WWW)盛行的原因之一,其主要特点如下:
简易性:超级文本标记语言版本升级采用超集方式,从而更加灵活方便。
可扩展性:超级文本标记语言的广泛应用带来了加强功能,增加标识符等要求,超级文本标记语言采取子类元素的方式,为系统扩展带来保证。
平台无关性:虽然个人计算机大行其道,但使用MAC等其他机器的大有人在,超级文本标记语言可以使用在广泛的平台上,这也是万维网(WWW)盛行的另一个原因。
通用性:另外,HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。
参考资料:百度百科:HTML
菜鸟教程:HTML教程
html表格布局
DW就是这点烦人,所以不喜欢用它。
建议你不要使用表格布局,用设计布局,先画一个足够大的TABLE,然后先画第一列,宽和高都画得比图片大,然后插入图片,再调整单元格大小到图片大小。
意思也就是说,如果你先定义好宽窄,DW会根据内容自动调整,因此会改变排版。所以你先画一个足够大的单元格,先将内容加进去,再来改变单元格的大小。
html布局的几种方式有
1、HTML布局主要有两种方式,一种是表格布局,一种是DIV布局。
2、HTML表格布局是WEB1.0时代主要使用的布局方式,即使用TABLE标签进行布局,优点是布局比较简单。
3、HTML DIV布局是WEB2.0时代主要使用的布局方式,优点是符合W3C标准,载入速度比较快,也比较便于做结构分离。
4、现在一般都是提倡使用DIV布局,但也不是说就淘汰表格布局了,视具体的场景需要,在很多场景中都是两种混合使用的。
5、希望对你有帮助。
关于html表格布局代码和html 表格布局的介绍到此就结束了,不知道你从中找到你需要的信息了吗 ?如果你还想了解更多这方面的信息,记得收藏关注本站。
版权说明:如非注明,本站文章均为 AH站长 原创,转载请注明出处和附带本文链接;
相关推荐
- 04-19js商城条件筛选代码(js商城条件筛选代码怎么用)[20240419更新]
- 04-19日期js代码(JavaScript 日期)[20240419更新]
- 04-19开发小程序用什么软件(开发小程序用什么软件写代码)
- 04-19asp验证码代码(aspnet web验证码)[20240419更新]
- 04-19以下为网上书店网站购物车的程序代码(网上书店代码数据库)[20240419更新]
- 04-19banner图代码(banner图片)[20240419更新]
- 04-19客服页面代码(企业服务代码)[20240419更新]
- 04-19手机端展开导航代码(移动端导航代码)[20240419更新]
- 04-19淘宝小号安全查询php代码(淘宝小号安全查询php代码是什么)[20240419更新]
- 04-19特效生日日志代码(特效生日日志代码怎么弄)[20240419更新]
取消回复欢迎 你 发表评论:
- 标签列表
- 最近发表
- 友情链接