HTML网页制作实用技巧与心得

版权申诉

75 浏览量更新于2024-08-22 收藏 23KB DOCX 举报

"这篇文档是关于HTML网页代码的常用小技巧和学习要点的总结，涵盖了如何处理表格布局、控制滚动条、去除图片链接虚线、创建电子邮件表单、刷新父窗口、设定新窗口大小以及设置背景图片和光标样式等多个方面。" 在HTML网页制作中，了解并熟练运用这些技巧能够提升网页的用户体验和设计效果。首先，针对表格的布局，通过`style="TABLE-LAYOUT:fixed"`可以确保内容超出单元格时依然保持良好的布局。这在处理固定列宽的表格时特别有用。其次，对于弹出窗口的管理，可以使用`<body onblur="this.focus();">`使弹出窗口始终保持在最前面，确保用户始终能与之交互。而滚动条的控制则可以通过修改`<body>`标签的样式来实现，例如`<body style='overflow:scroll;overflow-y:hidden'></body>`可以隐藏竖向滚动条，`<body style='overflow:scroll;overflow-x:hidden'></body>`则隐藏横向滚动条。如果希望同时隐藏两者，可以使用`<body scroll="no"></body>`。在处理图片链接时，有时我们不希望点击后出现虚线边框。可以使用`<a href="#" onFocus="this.blur()"><img src="logo.jpg" border=0></a>`来取消这种效果，使得链接更加美观。创建电子邮件表单非常实用，例如`<form name="form1" method="post" action="mailto:****@***.com" enctype="text/plain"><input type=submit></form>`，用户可以直接在网页上填写并发送邮件。刷新父窗口的代码可以是`window.opener.location.reload()`，这在子窗口完成特定操作后刷新父窗口的内容时很有用。设定新窗口的大小，可以在`<body>`标签内使用`onload`事件，如`<body onload="top.resizeTo(300,200);">`，这里的参数是窗口的宽度和高度。设置背景图片且使其固定不动，可以使用CSS，例如`<style>body {background-image:url(logo.gif);background-repeat:no-repeat;background-position:center}</style>`，同时添加`<body bgproperties="fixed"></body>`以确保背景图在页面滚动时保持位置不变。至于光标的样式，HTML提供了多种预定义的类型，例如`auto`（标准光标）、`default`（标准箭头）、`hand`（手形光标）等。通过`cursor`属性可以设置元素的光标样式，例如`cursor: hand;`。最后，获取本机IP地址，可以使用Java Servlet的相关API，如`<%=request.getServerName()%>`，但这通常需要服务器端的支持。这些HTML小技巧是网页制作过程中常见的问题解决方案，掌握它们将有助于提升网页制作的效率和质量。

<!--

function makevisible(cur,which){

if (which==0)

cur.filters.alpha.opacity=100

else

cur.filters.alpha.opacity=20

}

//-->

</SCRIPT>

2、把如下代码加入＜body＞区域中：

<img src="2.gif" style="filter:alpha(opacity=20)"

onMouseOver="makevisible(this,0)"

onMouseOut="makevisible(this,1)">

禁止图片下载

页嵌页

隐藏滚动条

<body style="overflow-x:hidden;overflow-y:hidden"

CSS 文字阴影（定义在<TD>中）

.abc{

FILTER: dropshadow(color=#666666, offx=1, offy=1, positive=1); FONT-FAMILY: "宋体"; FONT-SIZE:

9pt;COLOR: #ffffff;

}

列表/菜单

onchange="location=this.options[this.selectedIndex].value"

<img src="xiangshang.jpg" onMouseOver="sf=setInterval(’frm.scrollBy(0,-2)’,1)"

onMouseOut="clearInterval(sf)" width="31" height="31">

剩余10页未读，继续阅读

进击的朱亚文

粉丝: 1
资源: 4万+

HTML网页制作实用技巧与心得

2021网页制作心得.docx

简单的网页制作教程.docx

网页设计与制作.docx编程资料

网页制作理论试题及答案.docx

eBook Workshop 电子书制作教程.docx

css最常用和实用的技巧.docx

web网页设计与制作实习报告.docx编程资料

网页设计与制作实验指导书范本.docx

HTML+CSS+JavaScript网页制作(Web前端开发)(第3版)学期授课计划.docx

PHP学习心得与体会.docx

最新资源