文档库
文档库 最新最全的文档下载
当前位置：文档库 › Html页面分页算法和后台与数据库的交互

Html页面分页算法和后台与数据库的交互

Html页面分页算法和后台与数据库的交互
Html页面分页算法和后台与数据库的交互

Html页面分页算法和后台与数据库的交互

var pageTotal=1;

var lastPage="a1";

var infoType="";

var infoTypeList=null;

var timesNum=10; //每页显示的条数

indexAction.getInfoMaster(loginUserMap,{

async : false,

callback : function(data){

if(data!=null&&data.length!=0){

var html="";

pageTotal=data[0].pageTotal;

if(pageTotal<7){

if(pageTotal!=1){

html="

style='cursor:pointer;color:blue;'

onclick='pageClick(this)'>1  &

nbsp;";

for(var i=2;i

{

html+="

onclick='pageClick(this)'>"+i+" &nb

sp; ";

}

html+="

style='cursor:pointer;'

onclick='pageClick(this)'>"+pageTotal+" 

;  ";

html+="

style='cursor:pointer;' onclick='pageClick(this)'>

下一页";

}else{

html="";

}

document.getElementById("page").innerHTML=html;

}else{

html="

onclick='pageClick(this)'>1   ";

for(var i=2;i<5;i++)

{

html+="

onclick='pageClick(this)'>"+i+"  &

nbsp;";

}

html+="

onclick='pageClick(this)'>5...";

html+=""+pageTotal+" &nb

sp; ";

html+="

style='cursor:pointer;' onclick='pageClick(this)'>下

一页";

document.getElementById("page").innerHTML=html;

}

for(var i=0;i

{

html="";

if(data[i].THUMBNAIL_URL1!=null&&data[i].THUMBNA IL_URL1!=""&&data[i].THUMBNAIL_URL1!="null")

{

html="

src='<%=basePath%>"+data[i].THUMBNAIL_URL1+"'

width='176' height='99' />";

}else{

html="

width='176' height='99'' />";

}

document.getElementById("b"+i).innerHTML=html;

html="";

html="

name='d"+data[i].INFO_MASTER_ID+"'

href='javascript:void(0)'

onclick='infoChecked(this)'>

class='title'>"+data[i].INFO_NAME+"

";

document.getElementById("b"+i+"0").innerHTML=html;

html="";

if(data[i].INFO_CONTENT!=null&&data[i].INFO_CONTENT!

=""&&data[i].INFO_CONTENT!="")

{

html=stringChange(data[i].INFO_CONTENT,70);

}

document.getElementById("b"+i+"1").innerHTML=html;

html="";

if(data[i].ORG_NAME!=null&&data[i].ORG_NAME!=undefin

ed&&data[i].ORG_NAME!=""&&data[i].ORG_NAME!="null") if(data[i].ORG_NAME.length<9)

html=data[i].ORG_NAME+"   ";

else

html=data[i].ORG_NAME.substring(0,8)+"...   ";

html+=data[i].PUBLISH_TIME.substring(0,10);

if(data[i].INFO_TYPE_S_NAME!=null&&data[i].INFO_TYPE

_S_NAME!=""&&data[i].INFO_TYPE_S_NAME!="null")

html+="   "+data[i].INFO_TYPE_S_NAME;

document.getElementById("b"+i+"2").innerHTML=html;

html="";

if(data[i].COMMENT_TIMES==undefined||data[i].COMMENT

_TIMES==""||data[i].COMMENT_TIMES==null||data[i].COM

MENT_TIMES=="null")

data[i].COMMENT_TIMES="0";

if(data[i].SUPPORT_TIMES==undefined||data[i].SUPPORT

_TIMES==""||data[i].SUPPORT_TIMES==null||data[i].SUP

PORT_TIMES=="null")

data[i].SUPPORT_TIMES="0";

if(data[i].CLICK_TIMES==undefined||data[i].CLICK_TIM

ES==""||data[i].CLICK_TIMES==null||data[i].CLICK_TIM

ES=="null")

data[i].CLICK_TIMES="0";

html+="评价:"+data[i].COMMENT_TIMES+" 点

赞:"+data[i].SUPPORT_TIMES+" 浏

览:"+data[i].CLICK_TIMES;

document.getElementById("b"+i+"3").innerHTML=html;

}

if(data.length

$.each($('#b'+(data.length-1)).parent().nextAll(),

function () {

if($(this).hasClass("newsCell")||$(this).hasClass("line"))

$(this).attr("style","display:none");

});

$("div p").removeAttr("style");

}else{

$.each($('#b0').parent().nextAll(), function () {

if($(this).hasClass("newsCell")||$(this).hasClass("line"))

$(this).attr("style","display:none");

});

}

}

});

function pageClick(obj){

var id=0;

if(obj.id=="a0")

{

id="a"+(parseInt(lastPage.substring(1))-1);

}else if(obj.id=="a"+(pageTotal+1)){

id="a"+(parseInt(lastPage.substring(1))+1);

}else{

id=obj.id;

}

var html="";

//执行数据加载

var loginUserId='<%=loginUserId%>';

indexAction.getInfoMaster({num:10,pageNum:id.substring(1),loginUserId:l oginUserId},{

async : false,

callback : function(data){

if(data!=null){

var html="";

for(var i=0;i

{

html="";

if(data[i].THUMBNAIL_URL1!=null&&data[i].THUMBNAIL_URL1!=""&&data[i].TH UMBNAIL_URL1!="null")

{

html="

src='<%=basePath%>"+data[i].THUMBNAIL_URL1+"' width='176' height='99' />";

}else{

html="";

}

/* $(html).appendTo($("#b"+i)); */

document.getElementById("b"+i).innerHTML=html;

html="";

html="

name='d"+data[i].INFO_MASTER_ID+"' href='javascript:void(0)'

onclick='infoChecked(this)'>

class='title'>"+data[i].INFO_NAME+"

";

document.getElementById("b"+i+"0").innerHTML=html;

html="";

/* $(html).appendTo($("#b"+i+"0")); */

if(data[i].INFO_CONTENT!=null&&data[i].INFO_CONTENT!=""&&data[i].INFO_C ONTENT!="null")

{

html=stringChange(data[i].INFO_CONTENT,70);

}

document.getElementById("b"+i+"1").innerHTML=html;

html="";

/* $(html).appendTo($("#b"+i+"1")); */

if(data[i].ORG_NAME!=null&&data[i].ORG_NAME!=undefined&&data[i].ORG_NAM E!=""&&data[i].ORG_NAME!="null")

if(data[i].ORG_NAME.length<9)

html=data[i].ORG_NAME+"   ";

else

html=data[i].ORG_NAME.substring(0,8)+"...   ";

/* html=data[i].USER_NAME+"   "; */

html+=data[i].PUBLISH_TIME.substring(0,10);

if(data[i].INFO_TYPE_S_NAME!=null&&data[i].INFO_TYPE_S_NAME!=""&&data[i ].INFO_TYPE_S_NAME!="null")

html+="   "+data[i].INFO_TYPE_S_NAME;

document.getElementById("b"+i+"2").innerHTML=html;

html="";

if(data[i].COMMENT_TIMES==undefined||data[i].COMMENT_TIMES==""||data[i] .COMMENT_TIMES==null||data[i].COMMENT_TIMES=="null")

data[i].COMMENT_TIMES="0";

if(data[i].SUPPORT_TIMES==undefined||data[i].SUPPORT_TIMES==""||data[i] .SUPPORT_TIMES==null||data[i].SUPPORT_TIMES=="null")

data[i].SUPPORT_TIMES="0";

if(data[i].CLICK_TIMES==undefined||data[i].CLICK_TIMES==""||data[i].CLI CK_TIMES==null||data[i].CLICK_TIMES=="null")

data[i].CLICK_TIMES="0";

html+="评价:"+data[i].COMMENT_TIMES+" 点赞:"+data[i].SUPPORT_TIMES+" 浏览:"+data[i].CLICK_TIMES;

document.getElementById("b"+i+"3").innerHTML=html;

/* $("#b"+i+"2").hmtl("

"+html+"
"); */

/* $("

"+html+"

").appendTo($("#b"+i+"2")); */

}

$.each($('#b0').parent().nextAll(), function () {

if($(this).hasClass("newsCell")||$(this).hasClass("line"))

$(this).removeAttr("style");

});

if(data.length

if(data.length==0)

$.each($('#b0').parent().nextAll(), function () {

if($(this).hasClass("newsCell")||$(this).hasClass("line"))

$(this).attr("style","display:none");

});

else

$.each($('#b'+(data.length-1)).parent().nextAll(), function () {

if($(this).hasClass("newsCell")||$(this).hasClass("line"))

$(this).attr("style","display:none");

});

for(var i=data.length;i

{

html="";

document.getElementById("b"+i).innerHTML=html;

document.getElementById("b"+i+"0").innerHTML=html;

document.getElementById("b"+i+"1").innerHTML=html;

document.getElementById("b"+i+"2").innerHTML=html;

document.getElementById("b"+i+"3").innerHTML=html;

}

$("div p").removeAttr("style");

}

}

});

if(pageTotal<7){

if(id!=("a"+pageTotal)&&id!="a1")

{

html="

onclick='pageClick(this)'>上一页   

style='cursor:pointer;' onclick='pageClick(this)'>1   ";

for(var i=2;i

{

html+="

onclick='pageClick(this)'>"+i+"   ";

}

html+=""+pageTotal+"   ";

html+="下一页";

document.getElementById("page").innerHTML=html;

}else if(id=="a1"){

html="

onclick='pageClick(this)'>1   ";

for(var i=2;i

{

html+="

onclick='pageClick(this)'>"+i+"   ";

}

html+=""+pageTotal+"   ";

html+="下一页";

document.getElementById("page").innerHTML=html;

}else{

html="

onclick='pageClick(this)'>上一页   

style='cursor:pointer;' onclick='pageClick(this)'>1   ";

for(var i=2;i

{

html+="

onclick='pageClick(this)'>"+i+"   ";

}

html+=""+pageTotal+"";

document.getElementById("page").innerHTML=html;

}

document.getElementById(lastPage).style.color="#000000";

document.getElementById(id).style.color="blue";

lastPage=id;

return;

}

var s=id;

s=s.substring(1);

if(s<=4){

if(id!=("a"+pageTotal)&&id!="a1"){

html="

onclick='pageClick(this)'>上一页   

style='cursor:pointer;' onclick='pageClick(this)'>1   

id='a2' style='cursor:pointer;'

onclick='pageClick(this)'>2   ";

html+="

onclick='pageClick(this)'>3   

style='cursor:pointer;' onclick='pageClick(this)'>4   5...";

html+=""+pageTotal+"   ";

html+="下一页";

document.getElementById("page").innerHTML=html;

}else{

html="

onclick='pageClick(this)'>1   

style='cursor:pointer;' onclick='pageClick(this)'>2   ";

html+="

onclick='pageClick(this)'>3   

style='cursor:pointer;' onclick='pageClick(this)'>4   5...";

html+=""+pageTotal+"   ";

html+="下一页";

document.getElementById("page").innerHTML=html;

}

}else if(s<=pageTotal-4){

html="

onclick='pageClick(this)'>上一页   

style='cursor:pointer;' onclick='pageClick(this)'>1...";

html+=""+(parseInt(s)-1)+"   

id='a"+s+"' style='cursor:pointer;'

onclick='pageClick(this)'>"+s+"   ";

html+=""+(parseInt(s)+1)+"...

onclick='pageClick(this)'>"+pageTotal+"   ";

html+="下一页";

document.getElementById("page").innerHTML=html;

}else{

if(id!="a"+pageTotal){

html="

onclick='pageClick(this)'>上一页   

style='cursor:pointer;' onclick='pageClick(this)'>1...";

html+=""+(pageTotal-4)+"   

id='a"+(pageTotal-3)+"' style='cursor:pointer;'

onclick='pageClick(this)'>"+(pageTotal-3)+"   ";

html+=""+(pageTotal-2)+"   

id='a"+(pageTotal-1)+"' style='cursor:pointer;'

onclick='pageClick(this)'>"+(pageTotal-1)+"   ";

html+=""+pageTotal+"   ";

html+="下一页";

document.getElementById("page").innerHTML=html;

}else{

html="

onclick='pageClick(this)'>上一页   

style='cursor:pointer;' onclick='pageClick(this)'>1...";

html+=""+(pageTotal-4)+"   

id='a"+(pageTotal-3)+"' style='cursor:pointer;'

onclick='pageClick(this)'>"+(pageTotal-3)+"   ";

html+=""+(pageTotal-2)+"   

id='a"+(pageTotal-1)+"' style='cursor:pointer;'

onclick='pageClick(this)'>"+(pageTotal-1)+"   ";

html+=""+pageTotal+"";

document.getElementById("page").innerHTML=html;

}

}

if(document.getElementById(lastPage)!=null&&document.getElementById(las tPage)!=undefined)

document.getElementById(lastPage).style.color="#000000";

document.getElementById(id).style.color="blue";

lastPage=id;

}

function allGet(map)

{

var temp={num:10,pageNum:1};

if(https://www.wendangku.net/doc/26557981.html,_TYPE_ID!=undefined)

https://www.wendangku.net/doc/26557981.html,_TYPE_ID=https://www.wendangku.net/doc/26557981.html,_TYPE_ID;

if(https://www.wendangku.net/doc/26557981.html,_CONTENT!=undefined)

{

https://www.wendangku.net/doc/26557981.html,_CONTENT=https://www.wendangku.net/doc/26557981.html,_CONTENT;

}

var loginUserId='<%=loginUserId%>';

if(loginUserId!=undefined&&loginUserId!=""&&loginUserId!=null) temp.loginUserId=loginUserId;

indexAction.getInfoMaster(temp,{

async : false,

callback : function(data){

if(data!=null&&data.length!=0){

var html="";

pageTotal=data[0].pageTotal;

/* var dataLength=data[0].pageTotal;

infoLebgth=data[0].pageTotal; */

if(pageTotal<7){

/* for(;dataLength-4>0;dataLength=dataLength-4)

{

pageTotal++;

} */

if(pageTotal!=1){

html="

style='cursor:pointer;color:blue;'

onclick='pageClick(this)'>1   ";

for(var i=2;i

{

html+=""+i+"   ";

}

html+="

style='cursor:pointer;'

onclick='pageClick(this)'>"+pageTotal+"   ";

html+="

style='cursor:pointer;' onclick='pageClick(this)'>下一页";

/* $(html).appendTo($("#page")); */

}else{

html="";

}

document.getElementById("page").innerHTML=html;

}else{

/* for(;dataLength-4>0;dataLength=dataLength-4)

{

pageTotal++;

} */

html="1   ";

for(var i=2;i<5;i++)

{

html+=""+i+"   ";

}

html+="

onclick='pageClick(this)'>5...";

html+=""+pageTotal+"   ";

html+="

style='cursor:pointer;' onclick='pageClick(this)'>下一页";

/* $(html).appendTo($("#page")); */

document.getElementById("page").innerHTML=html;

}

for(var i=0;i

{

html="";

if(data[i].THUMBNAIL_URL1!=null&&data[i].THUMBNAIL_URL1!=""&&data[i].TH UMBNAIL_URL1!="null")

{

html="

src='<%=basePath%>"+data[i].THUMBNAIL_URL1+"' width='176' height='99' />";

}else{

html="";

}

/* $(html).appendTo($("#b"+i)); */

document.getElementById("b"+i).innerHTML=html;

html="";

html="

name='d"+data[i].INFO_MASTER_ID+"' href='javascript:void(0)'

onclick='infoChecked(this)'>

class='title'>"+data[i].INFO_NAME+"

";

document.getElementById("b"+i+"0").innerHTML=html;

html="";

/* $(html).appendTo($("#b"+i+"0")); */

if(data[i].INFO_CONTENT!=null&&data[i].INFO_CONTENT!=""&&data[i].INFO_C ONTENT!="null")

{

html=stringChange(data[i].INFO_CONTENT,70);

}

document.getElementById("b"+i+"1").innerHTML=html;

html="";

/* $(html).appendTo($("#b"+i+"1")); */

if(data[i].ORG_NAME!=null&&data[i].ORG_NAME!=undefined&&data[i].ORG_NAM E!=""&&data[i].ORG_NAME!="null")

if(data[i].ORG_NAME.length<9)

html=data[i].ORG_NAME+"   ";

else

html=data[i].ORG_NAME.substring(0,8)+"...   ";

/* html=data[i].USER_NAME+"   "; */

html+=data[i].PUBLISH_TIME.substring(0,10);

if(data[i].INFO_TYPE_S_NAME!=null&&data[i].INFO_TYPE_S_NAME!=""&&data[i ].INFO_TYPE_S_NAME!="null")

html+="   "+data[i].INFO_TYPE_S_NAME;

document.getElementById("b"+i+"2").innerHTML=html;

html="";

if(data[i].COMMENT_TIMES==undefined||data[i].COMMENT_TIMES==""||data[i] .COMMENT_TIMES==null||data[i].COMMENT_TIMES=="null")

data[i].COMMENT_TIMES="0";

if(data[i].SUPPORT_TIMES==undefined||data[i].SUPPORT_TIMES==""||data[i] .SUPPORT_TIMES==null||data[i].SUPPORT_TIMES=="null")

data[i].SUPPORT_TIMES="0";

if(data[i].CLICK_TIMES==undefined||data[i].CLICK_TIMES==""||data[i].CLI CK_TIMES==null||data[i].CLICK_TIMES=="null")

data[i].CLICK_TIMES="0";

html+="评价:"+data[i].COMMENT_TIMES+" 点赞:"+data[i].SUPPORT_TIMES+" 浏览:"+data[i].CLICK_TIMES;

document.getElementById("b"+i+"3").innerHTML=html;

/* $("#b"+i+"2").hmtl("

"+html+"
"); */

/* $("

"+html+"

").appendTo($("#b"+i+"2")); */

}

$.each($('#b0').parent().nextAll(), function () { if($(this).hasClass("newsCell")||$(this).hasClass("line"))

$(this).removeAttr("style");

});

if(data.length

$.each($('#b'+(data.length-1)).parent().nextAll(), function () {

if($(this).hasClass("newsCell")||$(this).hasClass("line"))

$(this).attr("style","display:none");

});

for(var i=data.length;i

{

html="";

document.getElementById("b"+i).innerHTML=html;

document.getElementById("b"+i+"0").innerHTML=html;

document.getElementById("b"+i+"1").innerHTML=html;

document.getElementById("b"+i+"2").innerHTML=html;

document.getElementById("b"+i+"3").innerHTML=html;

}

$("div p").removeAttr("style");

}else{

$.each($('#b0').parent().nextAll(), function () {

if($(this).hasClass("newsCell")||$(this).hasClass("line"))

$(this).attr("style","display:none");

});

for(var i=0;i

{

html="";

document.getElementById("b"+i).innerHTML=html;

document.getElementById("b"+i+"0").innerHTML=html;

document.getElementById("b"+i+"1").innerHTML=html;

document.getElementById("b"+i+"2").innerHTML=html;

document.getElementById("b"+i+"3").innerHTML=html;

document.getElementById("page").innerHTML=html;

}

}

}

});

}

/*-------全局样式--------*/

body {

margin: 0;

font: 12px Arial,'宋体';

color: #313131;

line-height: 25px;

background: #ffffff;

min-width: 995px;

}

h3 {

/* line-height: 50%; */

font-size: 14px;

margin-top: 0px;

margin-bottom: 9px;

}

h4 {

/* line-height: 50%; */

padding:0px;

margin-top:7px;

margin-bottom:0px;

height: 25px;

overflow: hidden;

}

a {

text-decoration: none;

color: #313131;

}

ul,li,ol,img {

margin: 0;

padding: 0;

}

hr{

border-top:1px solid#b8b8b8;

height:0; /*兼容IE6*/

border-right:0px;

border-bottom:0px;

border-left:0px;

margin:10px;

}

.outer {

margin: 0;

}

.line {

margin-top: 10px;

border-top: 1px dashed#cdcdcd; }

.clear{

clear:both;

}

.top-blue {

background-color: #4db6cf;

height: 30px;

}

.top-blue-ct {

width: 980px;

margin: auto;

color: white;

font: 12px'宋体';

line-height: 30px;

}

#SYandSC {

float: left;

width: 180px;

margin-left: 15px;

}

#LGandRG {

float: right;

width: 300px;

clear: right;

text-align:right;

}

.top-logo {

height: 67px;

background: #daf9ff;

}

.top-logo-ct {

width: 980px;

margin: auto;

}

.top-menu {

height: 43px;

margin-bottom: 2px;

background-color: #11577d; }

.top-menu-ct {

width: 980px;

height: 43px;

margin: auto;

color: white;

font: bold16px'微软雅黑';

line-height: 43px;

position:relative;

}

.top-image {

height: 291px;

/* background-color: #1e8dc9; */ }

.loopImage {

width: 980px;

margin: auto;

}

/* .center {

margin: 0;

overflow: hidden;

} */

.main {

margin: 20px auto;

width: 980px;

background-color: #FFF;

overflow: hidden;

}

#mainLeft,#newsDeLeft {

width: 665px;

float: left;

}

#mainRight,#newsDeRight {

width: 300px;

float: right;

}

#mainRight{

border: solid#bdd0e11px;

font-size: 10px;

}

#gzwm01 {

background: url(images/rightBg01.jpg)repeat-x;

height: 40px;

color: #296194;

font: 18px'微软雅黑';

line-height: 40px;

}

#QR {

margin: 10px;

width: 133px;

float: left;

}

#QRtxt {

float: right;

margin: 20px10px;

}

#rdxw01 {

clear: both;

background: url(images/rightBg02.jpg)repeat-x;

height: 41px;

color: #296194;

font: 18px'微软雅黑';

line-height: 41px;

}

#rdxw02 {

margin: 10px;

}

#copyright {

color: #77bbe0;

width: 280px;

margin: 10px auto;

font: 12px Arial,Helvetica,sans-serif

}

/*-------首页左边新闻单元--------*/

算法题

算法题（共32个题目） 200348. 在信号量机制中，若P（S）操作是可中断的，则会有什么问题？ 此题答案为：答： P（S）的操作如下： Begin S.Value:= S.Value-1; ① If S.Value<0 Then ② Begin Insert(*,S.L); Block(*) ③ End End. 若P（S）可中断的，例如进程A在执行了语句①之后从CPU上退下了，假定此时S.Value＝0；这时换另一进程B，B又将S.Value 的值减1使之为－1，在执行语句③时，B被阻塞；然后又换回A执行，由于A的"断点"是语句①之后，当它执行语句②时，由于这时S.Value已经是－1，故进程继续执行而被阻塞。这就出现了错误：本来A操作P（S）操作后，S.Value＝0，是不应该被阻塞的，现在却被阻塞了。 200350. 何谓临界区？下面给出的两个进程互斥的算法是安全的吗？为什么？

＃define true; # define false; Int flag[2]; flag[1]=flag[2]=false; enter-crtsec(i) int i; { While(flag[1-i]) flag[i]=true; } feave-crtsec(i) Int i; { flag[i]=false; } process I; … Enter-crtsec(i); In critical section; Leave-crtsec(i);

此题答案为：答：一次仅允许一个进程使用的资源称为临界资源，在进程中对临界资源访问的程序段称为临界区。 从概念上讲，系统中各进程在逻辑上是独立的，它们可以按各自的速度向前推进。但由于它们共享某些临界资源，因而产生了临界区问题。对于具有临界区问题的并发进程，它们之间必须互斥，以保证不会同时进入临界区。 这种算法不是安全的。因为，在进入临界区的enter-crtsec（）不是一个原语操作，如果两个进程同时执行完其循环（此前两个flag均为false），则这两个进程可同时进入临界区。 53. 某车站售票厅，任何时刻最多可容纳20名购票者进入，当售票少于20名购票者时，则厅外的购票者可立即进入，否则需在外面等待。若把一个购票者看作一个进程，请回答下列问题： （1）用P、V操作管理这些并发进程时，应怎样定义信号量？写出信号量的初值以及信号量各种取值的含义。 （2）根据所定义的信号量，把应执行的P、V操作填入下述程序中，以保证进程能够正确地并发执行。 Cobegin PROCESS Pi(i=1,2,…) Begin 进入售票厅； 购票； 退出； End;

网页设计试题及html代码

2.2.3 字型设置标记 功能：设置文字的风格，如黑体、斜体、带下划线等，这是一组标记，它们可以单独使用，也可以混合使用产生复合修饰效果。常用的标记有以下一些： … ：文字以粗体显示。 … ：文字显示为斜体。 … ：显示下划线。 … ：删除线。 … ：使文字大小相对于前面的文字增大一级。 … ：使文字大小相对于前面的文字减小一级。 … ：使文字成为前一个字符的上标。 …：使文字成为前一个字符的下标。 …：使文字显示为闪烁效果。 …：以等宽体显示西文字符。 …：输出引用方式的字体，通常是斜体。 …：强调文字，通常用斜体加黑体。 …：特别强调的文字，通常也是斜体加黑体。 注：有些标记的效果必须在动态环境下才能显示，例如 标记。 【例2-4】字型设置标记的应用。 例如单标记

表示在文档当前位置画一条水平线，一般是从窗口中当前行的最左端一直画到最右端，它可以带这么一些属性：
。 功能：设置网页中普通文字的显示效果。 格式：文字。 格式：标题内容。 属性：n 表示标题字号的级别，可以是1～6之间的任意整数，数字越小，字号越大。 段落标记 功能：设置文章段落的开始和结束。浏览器在解释HTML文档时，会自动忽略文档中的回车、空格以及其他一些符号，所以在文档中输入回车，并不意味着在浏览器内将看到一个不同的段落，当需要在网页中插入新的段落时，可以使用段落标记，它可以将标记后面的内容另起一段。格式：

…

。 强制换行标记 功能：另起一行显示文字。 格式：
插入水平线标记 功能：在页面上画横线，可用于页面上内容的分割。 格式：
1．无序列表 功能：设置无序列表。 格式：