web开发过程中，有时候从数据库查出来的数据过长，前台页面如果没有控制好，会显示很长的数据，影响美观，这个时候就需要只显示固定的长度，将多余的以“......”或者直接截取不显示，可以使用
text-overflow:clip 或者text-overflow: ellipsis
clip：不显示省略标记(...)，而是简单的裁切
ellipsis：当对象向内文本溢出时显示省略标记(...)
代码如下：<div style="width:30px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;">
abcdefghijklmnopqrstuvwxyz
</di ......
问题：html元素如何构成文档
解决方案：html是严格的元素层次嵌套结构，元素可以互相嵌套，但是不能重叠。Html将元素划分为3个主要类：结构化元素，块状元素，内联元素。
n 核心的结构化元素：<html><head><body>，<head>中放的是关于文档的信息，<body>放文档内容
n 块状元素：结构化的，多目标的，终端的。
n 内联元素：语义化，排列顺序，内联块状。
模式：HTML核心结构：
<!DOCTYPE DOCUMENT_TYPE_DEFINITION_USED_FOR_VALIDATION>
<html>
<head>METADATA</head>
<body>CONTENT</body>
</html>
问题：需要用XHTML创建一个文档
解决方案：XHTML跟HTML相似，只是有一些差异。
n DOCTYPE：xhtml和html有不同的文档类型
n XHTML区分大小写，HTML不分大小写。XHTML要求所有的标� ......
纯css:
1 .在 table 的 css 中声明: border-collapse: collapse; border-spacing: 0;
2 .th td 的css 中声明: padding:0;
半纯css:
1.上同.
2.<table cell-padding="0" .............
详细见:
http://www.dreamdu.com/xhtml/attribute_cellpadding_cellspacing/
http://www.haoxiai.net/wangzhanzhizuo/cssjiaocheng/50293.html
引用如下:
表格的cellpadding和cellpadding我们经常会用如下的方式来清除默认样式：
<table cellspacing="0" cellpadding="0"></table>
很多朋友会说表现在结构中，这样不符合标准，那如何将这个表现拿出来，有些朋友或许很迷惑。我们可以用table的border-collapse: collapse;属性 来代替cellspacing="0"，用th,td的padding: 0; 属性来代替cellpadding="0"。
table {
border-collapse:collapse;
border-spacing:0;
}
th,td {
padding: 0;
}
还可以用expression来实现cellpadding="0"的样式：
table {
border-collapse:collapse;
border-spacing:0;
padd:expression(this.cellPadding=0);
}
下面我们看下《HTML与CSS入门经典（第7版）》一书中对这两个属性的描述：
对表格的设置不仅� ......
在一个网页中的按钮，写onclick事件的处理代码，不小心写成如下：
<input value="Test" type="button" onclick="alert(""OK"");" />
IE提示出错后，再漫不经心地改为：
<input value="Test" type="button" onclick="alert(\"OK\");" />
结果还是出错。
这时，我就想不通了，虽然我知道最直接的解决方法是写成这样：
<input value="" type="button" onclick="alert('OK');" />
但为什么javascript中的转义字符\没有效果了呢？ 后来找到一段正常的代码：
<input value="Test" type="button" onclick="alert("OK");" />
这时才理解，原来这时，还是归于HTML的管辖范围，所以转义字符应该使用HTML的，而不是javascript的。两个双引号的做法是vbScript的，\"这种做法则是javascript的，而HTML的，则是用"，此外还可以使用："、'。
HTML转义字符表
字符
十进制
转义字符
“
"
"
&
&
&
<
<
<
>
>
>
不断开空格(non-breaking space)
 
字符
十进制
转义字符
字 ......
在一个网页中的按钮，写onclick事件的处理代码，不小心写成如下：
<input value="Test" type="button" onclick="alert(""OK"");" />
IE提示出错后，再漫不经心地改为：
<input value="Test" type="button" onclick="alert(\"OK\");" />
结果还是出错。
这时，我就想不通了，虽然我知道最直接的解决方法是写成这样：
<input value="" type="button" onclick="alert('OK');" />
但为什么javascript中的转义字符\没有效果了呢？ 后来找到一段正常的代码：
<input value="Test" type="button" onclick="alert("OK");" />
这时才理解，原来这时，还是归于HTML的管辖范围，所以转义字符应该使用HTML的，而不是javascript的。两个双引号的做法是vbScript的，\"这种做法则是javascript的，而HTML的，则是用"，此外还可以使用："、'。
HTML转义字符表
字符
十进制
转义字符
“
"
"
&
&
&
<
<
<
>
>
>
不断开空格(non-breaking space)
 
字符
十进制
转义字符
字 ......
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>用javascript动态添加删除html元素</title>
<script type="text/javascript"><!--
function $(nodeId) {
return document.getElementById(nodeId);
}
function $Name(tagName) {
return document.getElementsByTagName(tagName);
}
function replaceMsg() {
var newNode = document.createElement("P");//创建一个P标签
newNode.innerHTML = "<font color='red'>替换后的文字</font>";
var oldNode = $Name("P")[0];//获取body里面第一个p元素
oldNode.parentNode.replaceChild(newNode,oldNode);//直接替换了标签
}
function removeMsg() {
var node = $("p2");//p标签
var nodeBtn = $("remove");//按钮
//node.parentNode.removeChild(node); //下面效果相同
document.body.removeChild(node);//在body中删除id为P2的元素
// ......
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>用javascript动态添加删除html元素</title>
<script type="text/javascript"><!--
function $(nodeId) {
return document.getElementById(nodeId);
}
function $Name(tagName) {
return document.getElementsByTagName(tagName);
}
function replaceMsg() {
var newNode = document.createElement("P");//创建一个P标签
newNode.innerHTML = "<font color='red'>替换后的文字</font>";
var oldNode = $Name("P")[0];//获取body里面第一个p元素
oldNode.parentNode.replaceChild(newNode,oldNode);//直接替换了标签
}
function removeMsg() {
var node = $("p2");//p标签
var nodeBtn = $("remove");//按钮
//node.parentNode.removeChild(node); //下面效果相同
document.body.removeChild(node);//在body中删除id为P2的元素
// ......
HTML，XML，UML 简介
HTML (HyperText Mark-up Language)超文本标记语言 是WWW的描述语言。设计HTML语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起，形成有机的整体，人们不用考虑具体信息是在当前电脑上还是在网络的其它电脑上。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部（Head）、主体（Body）两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。
HTML教程网站 http://www.shanxiwindow.net/teaching/htmlbook/
XML (Extensible Makeup language) 一种扩展性表示语言。它不是标记语言，它只是用来创造标记语言的原语言
UML( Unified Modeling Language )是一种标准的图形化建模语言，它是面向对象分析与设计的一种标准表示。UML不是一种可视化的程序设计语言，而是一种可视化的建模语言；UML不是工具或者是知识库的规格说明，而是一种语言规格说明，是一种表示的标准；UML不是过程和方法，但是允许任何一种过程和方法使用它。 ......
HTML，XML，UML 简介
HTML (HyperText Mark-up Language)超文本标记语言 是WWW的描述语言。设计HTML语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起，形成有机的整体，人们不用考虑具体信息是在当前电脑上还是在网络的其它电脑上。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部（Head）、主体（Body）两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。
HTML教程网站 http://www.shanxiwindow.net/teaching/htmlbook/
XML (Extensible Makeup language) 一种扩展性表示语言。它不是标记语言，它只是用来创造标记语言的原语言
UML( Unified Modeling Language )是一种标准的图形化建模语言，它是面向对象分析与设计的一种标准表示。UML不是一种可视化的程序设计语言，而是一种可视化的建模语言；UML不是工具或者是知识库的规格说明，而是一种语言规格说明，是一种表示的标准；UML不是过程和方法，但是允许任何一种过程和方法使用它。 ......
最新文章 : html