html中div title标记,DIV CSS布局基础:HTML标记(五)

本站将陆续推出一些关于HTML标记的文章! 这些所介绍的HTML标记不一定完全符合XHTML规范。各位在实际布局时应有所取舍,如:B标记,FONT标记,都是不符合XHTML规范的。在此不在一一罗列,相关知识请参考dedecms.com的其它文章。 81-------------------------

本站将陆续推出一些关于HTML标记的文章!

这些所介绍的HTML标记不一定完全符合XHTML规范。各位在实际布局时应有所取舍,如:B标记,FONT标记,都是不符合XHTML规范的。在此不在一一罗列,相关知识请参考dedecms.com的其它文章。

81--------------------------------------------------------------------------

ALIGN=CENTER | LEFT | RIGHT

BGCOLOR=color

CLASS=classname

ID=value

LANG=language

LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS

STYLE=css1-properties

TITLE=text

VALIGN=BASELINE | BOTTOM | CENTER | TOP

event = script

>

说明:定义一个表体。结束标记可选。

82--------------------------------------------------------------------------

ALIGN=CENTER | LEFT | RIGHT

BACKGROUND=url

BGCOLOR=color

BORDERCOLOR=color

BORDERCOLORDARK=color

BORDERCOLORLIGHT=color

CLASS=classname

COLSPAN=n

ID=value

LANG=language

LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS

NOWRAP

ROWSPAN=n

STYLE=css1-properties

TITLE=text

VALIGN=BASELINE | BOTTOM | CENTER | TOP

event = script

>

说明:定义表格的一个单元格(排成一行)。需要结束标记。

83--------------------------------------------------------------------------------

ACCESSKEY=key

ALIGN=ABSBOTTOM | ABSMIDDLE | BASELINE | BOTTOM | LEFT | MIDDLE |

RIGHT | TEXTTOP | TOP

CLASS=classname

COLS=n

DATAFLD=colname

DATASRC=#ID

DISABLED

ID=value

LANG=language

LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS

NAME=name

READONLY

ROWS=n

STYLE=css1-properties

TABINDEX=n

TITLE=text

WRAP=OFF | PHYSICAL | VIRTUAL

event = script

>

说明:多行文本输入控件。需要结束标记。

84--------------------------------------------------------------------------------

ALIGN=CENTER | LEFT | RIGHT

BGCOLOR=color

CLASS=classname

ID=value

LANG=language

LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS

STYLE=css1-properties

TITLE=text

VALIGN=BASELINE | BOTTOM | CENTER | TOP

event = script

>

说明:定义一张表格的页脚。结束标记可选。

85--------------------------------------------------------------------------------

ALIGN=CENTER | LEFT | RIGHT

BACKGROUND=url

BGCOLOR=color

BORDERCOLOR=color

BORDERCOLORDARK=color

BORDERCOLORLIGHT=color

CLASS=classname

COLSPAN=n

ID=value

LANG=language

LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS

NOWRAP

ROWSPAN=n

STYLE=css1-properties

TITLE=text

VALIGN=BASELINE | BOTTOM | CENTER | TOP

event = script

>

说明:定义表格中一行或一列的标题,文字黑体显示。结束标记可选。

86--------------------------------------------------------------------------------

ALIGN=CENTER | LEFT | RIGHT

BGCOLOR=color

CLASS=classname

ID=value

LANG=language

LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS

STYLE=css1-properties

TITLE=text

VALIGN=BASELINE | BOTTOM | CENTER | TOP

event = script

>

说明:定义表格的表头。结束标记可选。

87--------------------------------------------------------------------------------

ID=value

TITLE=string

>

说明:说明文档标题。需要结束标记。

88--------------------------------------------------------------------------------

ALIGN=CENTER | LEFT | RIGHT

BGCOLOR=color

BORDERCOLOR=color

BORDERCOLORDARK=color

BORDERCOLORLIGHT=color

CLASS=classname

ID=value

LANG=language

LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS

STYLE=css1-properties

TITLE=text

VALIGN=BASELINE | BOTTOM | CENTER | TOP

event = script

>

说明:定义表格中的一行。需要结束标记。

89--------------------------------------------------------------------------------

CLASS=classname

ID=value

LANG=language

LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS

STYLE=css1-properties

TITLE=text

event = script

>

说明:用等宽字体显示文本。需要结束标记。

90--------------------------------------------------------------------------------

CLASS=classname

ID=value

LANG=language

LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS

STYLE=css1-properties

TITLE=text

event = script

>

说明:显示带下划线的文本。需要结束标记。

91--------------------------------------------------------------------------------

CLASS=classname

ID=value

LANG=language

LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS

STYLE=css1-properties

TITLE=text

TYPE=1 | a | A | i | I

event = script

>

说明:定义一张列序的列表,用LI定义条目。需要结束标记。

92--------------------------------------------------------------------------------

CLASS=classname

ID=value

LANG=language

LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS

STYLE=css1-properties

TITLE=text

event = script

>

说明:对一个变量进行说明。需要结束标记。

93--------------------------------------------------------------------------------

CLASS=classname

ID=value

LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS

STYLE=css1-properties

TITLE=text

>

说明:在NOBR文本中插入一个软换行符。不需要结束标记。

94--------------------------------------------------------------------------------

CLASS=classname

ID=value

LANG=language

LANGUAGE=JAVASCRIPT | JSCRIPT | VBSCRIPT | VBS

STYLE=css1-properties

TITLE=text

event = script

>

说明:不推荐,可用PRE、SAMP代替。需要结束标记。

--------------------------------------------------------------------------------

↑↑点击展开全文↑↑

文章转载请注明来自新辉网

标题:DIV CSS布局基础:HTML标记(五)

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
可以使用 `div` 元素来实现新闻布局。一般情况下,可以将整个新闻页面分成几个部分,比如标题区、导航栏、内容区等。以下是一个简单的新闻布局示例: HTML 代码: ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>新闻页面</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div class="header"> <h1>新闻网站</h1> <ul class="nav"> <li><a href="#">首页</a></li> <li><a href="#">国内新闻</a></li> <li><a href="#">国际新闻</a></li> <li><a href="#">体育新闻</a></li> <li><a href="#">娱乐新闻</a></li> </ul> </div> <div class="content"> <div class="main"> <h2>新闻标题</h2> <p>正文内容</p> <p>正文内容</p> <p>正文内容</p> </div> <div class="sidebar"> <h3>热门新闻</h3> <ul> <li><a href="#">新闻1</a></li> <li><a href="#">新闻2</a></li> <li><a href="#">新闻3</a></li> <li><a href="#">新闻4</a></li> </ul> </div> </div> <div class="footer"> <p>版权所有 © 2021 新闻网站</p> </div> </body> </html> ``` CSS 代码: ```css /* 全局样式 */ body { margin: 0; padding: 0; font-family: Arial, sans-serif; } /* 头部样式 */ .header { background-color: #333; color: #fff; padding: 10px; } .header h1 { margin: 0; } .nav { list-style: none; margin: 0; padding: 0; display: flex; } .nav li { margin-right: 10px; } .nav li a { color: #fff; text-decoration: none; } /* 内容样式 */ .content { display: flex; flex-wrap: wrap; } .main { flex: 2; padding: 10px; } .main h2 { margin: 0; } .sidebar { flex: 1; background-color: #f2f2f2; padding: 10px; } .sidebar h3 { margin: 0; } .sidebar ul { list-style: none; margin: 0; padding: 0; } .sidebar li { margin-bottom: 5px; } .sidebar li a { color: #333; text-decoration: none; } /* 底部样式 */ .footer { background-color: #f2f2f2; padding: 10px; text-align: center; } ``` 在上面的示例,我们使用了 `div` 元素来分别表示头部、主要内容和底部。其,头部包含了网站的标题和导航栏;主要内容分为左右两栏,左侧为新闻正文,右侧为热门新闻列表;底部包含版权信息。通过 CSS 样式的调整,可以实现不同的布局效果。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值