网页基础相关技术文献发布交流区

<select onchange="javascript:window.open(this.options[this.selectedIndex].value,'_self');" size="1">
        <option value="#">链接测试</option>
        <option value="http://www.siqiji.cn">动人网络</option>
        <option value="http://www.siqiji.cn/bo">技术博客</option>
        <option value="http://www.siqiji.cn/forum">交流论坛</option>
        </select>


如果需要在新窗口打开,使用如下:


<select onchange="javascript:window.open(this.options[this.selectedIndex].value);" size="1">
        <option value="#">链接测试</option>
        <option value="http://www.siqiji.cn">动人网络</option>
        <option value="http://www.siqiji.cn/bo">技术博客</option>
        <option value="http://www.siqiji.cn/forum">交流论坛</option>
        </select>
头部区域添加:
<script language="javascript">
<!--
window.open ('http://www.siqiji.cn/bo')
-->
</script>
Tags:
问题描述:常规网页左右结构时,总喜欢在左右两块中间插入一条竖线间隔。但左右两块的高度总不能设为固定,就需要将左右两块的高度进行平衡。这样不管你是设置左块的border-right还是设置右块的border-left都能起到一样的效果。

<script language="javascript">
var a=document.getElementById("pphleft")
var b=document.getElementById("pphright")
if (a.scrollHeight<b.scrollHeight)    
{
a.style.height=b.scrollHeight+"px";
}
else
{
b.style.height=a.scrollHeight+"px";  }
</script>


在HMTL结构里面,左右两块DIV应分别添加对应的ID标记。如:<div id="pphleft">及<div id="pphright">


来自动人网络,保留保有!
Tags:
.input_bn { background:#ffffff; filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#ffffff,endColorStr=#dcdcdc); color:#000; font-size:12px; width:50px; padding:2px 0 0; height:18px; border:1px solid #dcdcdc; margin:0;padding:0; }

大体如些,具体再细节调理便可。
伪类或称为锚标签及链接。

使用 <a> (锚)标签来创建连接另一个文档的链接。
锚可以指向网络上的任何资源:一张 HTML 页面,一幅图像,一个声音或视频文件等等可以链接的地方。

如:<a href="http://www.siqiji.cn">动人网络</a>

Target 属性
使用 Target 属性,你可以定义被链接的文档在何处显示。
如:target="_blank"  在新窗口中显示。
其它Target属性请查询手册。

Name 属性
Name 属性用于创建被命名的锚(named anchors)。当使用命名锚(named anchors)时,我们可以创建直接跳至页面中某个节的链接,这样使用者就无需不停的滚动页面来寻找他们需要的信息。

如:经常在一个网页的底部可以看到“返回顶部”这样的链接,这样的链接非常用,那么应该怎么写。

<div name="ppheader">...</div>


....


<a href="#ppheader">跳到ppheader部分</a>

字符实体
一些字符在 HTML 中拥有特殊的含义,比如小于号 (<) 用于定义 HTML 标签的开始。如果我们希望浏览器正确地显示这些字符,我们必须在 HTML 源码中插入字符实体。

字符实体有三部分:一个和号 (&),一个实体名称,或者 # 和一个实体编号,以及一个分号 (;)。

要在 HTML 文档中显示小于号,我们需要这样写:< 或者 <

使用实体名称而不是实体编号的好处在于,名称相对来说更容易记忆。而这么做的坏处是,并不是所有的浏览器都支持最新的实体名称,然而几乎所有的浏览器对实体编号的支持都很好。

注意:实体对大小写敏感。

最常用的字符实体
显示结果 描述 实体名称 实体编号
空格    
< 小于号 < <
> 大于号 > >
& 和号 & &
" 引号 " "
' 撇号  ' (IE不支持) '

其他一些常用的字符实体
显示结果 描述 实体名称 实体编号
¢ 分 ¢ ¢
£ 镑 £ £
¥ 日圆 ¥ ¥
§ 节 § §
© 版权 © ©
® 注册商标 ® ®
× 乘号 × ×
÷ 除号 ÷ ÷
HTML 标签的属性及写法

属性为 HTML 元素提供附加信息。属性总是以名称/值对的形式出现,比如:name="value"
属性总是在 HTML 元素的开始标签中规定。
如:<h1 align="center">    <body bgcolor="yellow">    <table border="1"> 等

使用小写属性
属性和属性值对大小写不敏感。不过,万维网联盟在其 HTML 4 推荐标准中推荐小写的属性/属性值,而 XHTML 要求使用小写属性/属性值。

始终为属性值加引号
属性值应该始终被包括在引号内。双引号是最常用的,不过使用单引号也没有问题。在某些个别的情况下,比如属性值本身就含有双引号,那么您必须使用单引号,例如:
name='site "siqiji.cn" web'


关于文本格式化部分的内容,动人网络推荐配合对应的CSS加以定义。

标题:HTML 会自动在标题前后添加一个额外的折行。
标题使用 <h1> 至 <h6> 标签进行定义。<h1> 定义最大的标题。<h6> 定义最小的标题。只有到h6了哦...
<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>
<h4>This is a heading</h4>
<h5>This is a heading</h5>
<h6>This is a heading</h6>




段落:HTML 会自动在段落前后添加一个额外的空行。
段落使用 <p> 标签进行定义。

<p>This is a paragraph</p>
<p>This is another paragraph</p>

注意:不要忘记关闭标签!清楚地标记某个元素在何处开始,并在何处结束,不论对您还是对浏览器来说,都会使代码更容易理解。

强制换行符<br /> 这个是一个即时开始且关闭标签。同类的还有<hr />

HTML 注释
注释标签用于在 HTML 源码中插入注释。注释会被浏览器忽略。您可以使用注释对您的代码进行解释,这么做在以后的日子里会对您的代码编辑产生帮助。

<!-- 这里面是注释 -->注意:左括号后需要写一个惊叹号,右括号前就不需要了。




有益的提示
当您写 HTML 文本的时候,你永远也没法确定这些文本在另一台显示器上是如何显示的。一些人使用大显示器,而另一些使用小的。当用户调整视窗的分辨率时,这些文本就会被重新格式化。所以不要通过在文本中添加空行和空格的办法在你的编辑器中格式化文本。

HTML 会裁掉文本中所有的空格。任何数量的空格都被按一个空格计数。另外,在 HTML 中,一个空行也被当作一个空格。

使用空的段落标记 <p> 去插入一个空行是个坏习惯。用 <br> 标签代替它!

HTML 指超文本标签语言。
HTML 文件是包含一些标签的文本文件。 这些标签告诉 WEB 浏览器如何显示页面。
HTML 文件必须使用 htm 或者 html 作为文件扩展名。
HTML 文件可以通过简单的文本编辑器来创建。推荐使用Dreamweaver软件。


HTML的标签都是成对出现的,如:<html>...</html>    <body  >...</body>

HTML 文件中的第一个标签是 <html>,这个标签告诉浏览器这个 HTML 文件的开始点。文件中最后一个标签是 </html>,这个标签告诉您的浏览器,这是 HTML 文件的结束点。





下面为一个最基本的例子:
<html>

<head>
<title>页面的标题</title>
</head>

<body >
<p>这是我的第一个页面。</p>
<b>此文本是粗体的。</b>
</body>

</html>


位于 <head> 标签和 </head> 标签之间的文本是头信息,头信息不会显示在浏览器窗口中。
位于 <body  > 标签和 </body> 标签之间的文本是主体信息,主体信息是浏览器主要显示的内容区域。

标准正规的HTML语言都是小写字母出现的.虽然HTML语法对大小写不敏感,但万维网联盟 (W3C) 的标准是:建议在 HTML 4 中使用小写标签,而在 XHTML(下一代 HTML)中,必须使用小写标签。

分页: 1/2 第一页 1 2 下页 最后页 [ 显示模式: 摘要 | 列表 ]