首页 > 编程技术 > html

什么是html,xhtml

发布时间:2016-9-20 19:01

因为是现在才学习html,所以我还是按照标准来,也就是符合w3c标准,这样的话做出来的东西也比较好点,也就直接学习xhtml.
        XHTML 是什么?

        * XHTML 指扩展超文本标签语言(EXtensible HyperText Markup Language)。
        * XHTML 的目标是取代 HTML。
        * XHTML 与 HTML 4.01 几乎是相同的。
        * XHTML 是更严格更纯净的 HTML 版本。
        * XHTML 是作为一种 XML 应用被重新定义的 HTML。
        * XHTML 是一个 W3C 标准。
        虽然在html中的标签大小写是一样的,但为了符合xhtml,建议都小写,养成良好的习惯。
        HTML 文档是由 HTML 元素构成的文本文件。HTML 元素是通过使用 HTML 标签进行定义的。
        HTML 标签
        * HTML 标签是用来标记 HTML 元素的。
        * HTML 标签被 < 和 > 符号包围。
        * 这些包围的符号叫作尖括号。
        * HTML 标签是成对出现的。例如 <b> 和 </b>。
        * 位于起始标签和终止标签之间的文本是元素的内容。
        * HTML 标签对大小写不敏感,<b> 和 <B> 的作用的相同的。建议都写成小写
       html的结构
       <HTML>
       <HEAD>
                     <TITLE>一个简单的HTML示例</TITLE>
        </HEAD>
        <BODY>
         正文内容
       </BODY>
</HTML>
由于html是一个简单的静态语言,所以我们看到它的整体结构就看一下手册,我正在看,计划一天结束html。
最后加一个html手册。大家看下手册就行了,一定要记住符合xhtml

今天收藏了大量的正则表达试代码,我想这想这些都是常用的会对各位朋友们有用的.下面来看看吧.
      匹配特定字符串:

      ^[A-Za-z]+$  //匹配由26个英文字母组成的字符串

      ^[A-Z]+$  //匹配由26个英文字母的大写组成的字符串

      ^[a-z]+$  //匹配由26个英文字母的小写组成的字符串

      ^[A-Za-z0-9]+$  //匹配由数字和26个英文字母组成的字符串

      ^w+$  //匹配由数字、26个英文字母或者下划线组成的字符串

      评注:表单验证时很实用

      匹配网址URL的正则表达式:[a-zA-z]+://[^s]*

      评注:网上流传的版本功能很有限,上面这个基本可以满足需求

      匹配帐号是否合法(字母开头,允许5-16字节,允许字母数字下划线):^[a-zA-Z][a-zA-Z0-9_]{4,15}$

      评注:表单验证时很实用

      匹配HTML标记的正则表达式:<(S*?)[^>]*>.*?</1>|<.*? />

      评注:网上流传的版本太糟糕,上面这个也仅仅能匹配部分,对于复杂的嵌套标记依旧无能为力

      匹配首尾空白字符的正则表达式:^s*|s*$

      评注:可以用来删除行首行尾的空白字符(包括空格、制表符、换页符等等),非常有用的表达式

     
      评注:中国的身份证为15位或18位

      匹配ip地址:d+.d+.d+.d+

      评注:提取ip地址时有用

      匹配特定数字
       ^-?([1-9]d*.d*|0.d*[1-9]d*|0?.0+|0)$  //匹配浮点数

      ^[1-9]d*.d*|0.d*[1-9]d*|0?.0+|0$   //匹配非负浮点数(正浮点数 + 0)

      ^(-([1-9]d*.d*|0.d*[1-9]d*))|0?.0+|0$  //匹配非正浮点数(负浮点数 + 0)
       ^-[1-9]d*|0$   //匹配非正整数(负整数 + 0)

      ^[1-9]d*.d*|0.d*[1-9]d*$   //匹配正浮点数    

      ^[1-9]d*|0$  //匹配非负整数(正整数 + 0)    

      ^-([1-9]d*.d*|0.d*[1-9]d*)$  //匹配负浮点数

      ^[1-9]d*$    //匹配正整数

      ^-[1-9]d*$   //匹配负整数

      ^-?[1-9]d*$   //匹配整数

      评注:处理大量数据时有用,具体应用时注意修正

       匹配中文字符的正则表达式: [u4e00-u9fa5]

      匹配Email地址的正则表达式:w+([-+.]w+)*@w+([-.]w+)*.w+([-.]w+)*

     
      匹配国内电话号码:d{3}-d{8}|d{4}-d{7}

      评注:匹配形式如 0511-4405222 或 021-87888822
   
      匹配身份证:d{15}|d{18}

      评注:匹配中文还真是个头疼的事,有了这个表达式就好办了

      匹配双字节字符(包括汉字在内):[^x00-xff]

      评注:可以用来计算字符串的长度(一个双字节字符长度计2,ASCII字符计1)

      匹配空白行的正则表达式:ns*r

      评注:可以用来删除空白行

       匹配腾讯QQ号:[1-9][0-9]{4,}

      评注:腾讯QQ号从10000开始

      匹配中国邮政编码:[1-9]d{5}(?!d)

      评注:中国邮政编码为6位数字
本站收藏转载请注明www.111cn.net/phper/php.html

01、让背景图不滚动
IE浏览器支持一个 Body 属性 bgproperties,它可以让背景不滚动:
<Body Background="图片文件" bgproperties="fixed">

02、让你的网页无法另存为
<noscript><iframe" width=100% src=*></iframe></noscript>

03、让IFRAME框架内的文档的背景透明
<iframe" width=100% src="about:<body style=‘background:transparent‘>" allowtransparency></iframe>
04、禁止右键:
<bodyonmouseup="document.selection.empty()">

05、进入页面后立即自动刷新?
<meta http-equiv="refresh" content="120;url=http://www.qpsh.com">
http://www.qpsh.com,这是你自己的网址。

06、打开窗口即最大化
<script language="JavaScript">
  <!-- Begin
  self.moveTo(0,0)
  self.resizeTo(screen.availWidth,screen.availHeight)
  // End -->
</script>

07、能隐藏IFRAME的滚动条吗?我知道的三种方法:
(1)、设置iframe scrolling="no"
(2)、被包含页body应用overflow:hidden
(3)、被包含页的body标签加scroll="no"
08、加入背景音乐
<bgsound" width=100% src="mid/windblue[1].mid" loop="-1"> 只适用于IE
<embed" width=100% src="music.mid" autostart="true" loop="true" hidden="true"> 对Netscape ,IE ,TT都适用
09、嵌入网页
<iframe name="tt"" width=100% src="01a.html" width="450" height="287" scrolling="Auto" frameborder="0"></iframe>

10、跳转
<meta http-equiv="refresh" content="3;URL=list.htm">

11、滚动
<MARQUEE direction=up height=146 onmouseout=start() onmouseover=stop() scrollAmount=4></marquee>
12、细线分隔线
<hr noshade size=0 color=#C0C0C0>
13、过度方式
<meta http-equiv="Page-Exit" content="revealTrans(Duration=3,Transition=5)">
Duration的值为网页动态过渡的时间,单位为秒。
Transition是过渡方式,它的值为0到23,分别对应24种过渡方式。如下表:
0 盒状收缩 1 盒状放射
2 圆形收缩 3 圆形放射
4 由下往上 5 由上往下
6 从左至右 7 从右至左
8 垂直百叶窗 9 水平百叶窗
10 水平格状百叶窗 11垂直格状百叶窗
12 随意溶解 13从左右两端向中间展开
14从中间向左右两端展开 15从上下两端向中间展开
16从中间向上下两端展开 17 从右上角向左下角展开
18 从右下角向左上角展开 19 从左上角向右下角展开
20 从左下角向右上角展开 21 水平线状展开
22 垂直线状展开 23 随机产生一种过渡方式

15、如何控制横向和纵向滚动条的显隐?
<body style="overflow-y:hidden"> 去掉x轴
<body style="overflow-x:hidden"> 去掉y轴
<body scroll="no">不显
16、怎样在 FrontPage2000 中加入 Flash 动画?
在 FrontPage2000 中,点击[插入]->[高级]->[插件],在弹出的窗口中,设置一下 Flash 文件的大小及其它信息,确定即可。
17、加入注释的格式是:
<!-[注释内容…]-->
18、怎样在网页中加入 E-mail 链接并显示预定的主题?
<A href="[email=Email@263.net?subject]mailto:Email@263.net?subject[/email]=主题">……</a>

19、定义本网页关键字,可以在<Head></Head>中加入如下代码:
<meta name="Keywords" content="china,网页特效园地,business,net">
Content 中所包含的就是关键字,你可以自行设置。
这里有个技巧,你可以重复某一个单词,这样可以提高自己网站的排行位置,如:
<meta name="Keywords" content="china,china,china,china">
20、IE5.0 的部分快捷键:
A:打开查找功能:Ctrl+F
关闭浏览器窗口:Ctrl+W
打开地址栏下拉列表框:F4
刷 新:F5
将当前Web页保存到收藏夹列表:Ctrl+D
打开当前 IE 窗口的一个拷贝:Ctrl+N
停止下载当前网页:Esc
光标迅速移动到网页的开头:Home
光标迅速移动到网页的尾部:End
打开新的地址键入窗口:Ctrl+O
打开收藏夹:Ctrl+I
打开历史记录文件夹:Ctrl+H
打开浏览器设定的默认主页:Alt+HOME
21、添加到收藏夹:
<a href="javascript:window.external.addFavorite(‘http://链接‘,‘说明‘);">添加到收藏夹</a>
22、设为首页:
<a href=# onclick=this.style.behavior=‘url(#default#homepage)‘;this.setHomePage(‘http://链接‘);>设为首页</a>
23、定制浏览器地址栏前的小图标:
A:在网页的<head></head>间加入以下语句:

link rel="shortcuticon" href="http://…/icon.ico">

即可。其中 icon.ico 为 16x16 的图标文件,颜色不要超过 16 色。
24、把滚动条放在浏览器窗口的左边
A:在 <body> 中加 dir=RTL,即 <body dir=RTL>。

怎么我们来看看我用php实现图片上传并支持预览效果,这是在帮一个相管客户写网站时用到了,我今天把它贴出来吧.

图片上传带预览效果

我们看看布局代码.

<table><tr>
    <td height="50" align="center" class="td_heng">相片一</td>
    <td class="td_heng" style="padding:10px;"><input name="uploadinput[]" type="file" onchange="yulan('div1',this);" size="35" /></td>
    <td class="td_heng"   id="div1" ></td>
  </tr>
  <tr>
    <td height="50" align="center" class="td_heng">相片二</td>
    <td class="td_heng" style="padding:10px;"><input name="uploadinput[]" type="file"  onchange="yulan('div2',this);" size="35" /></td>
    <td class="td_heng"  id="div2">&nbsp;</td>
  </tr>
  <tr>
    <td height="50" align="center" class="td_heng">相片三</td>
    <td class="td_heng" style="padding:10px;"><input name="uploadinput[]" type="file"  onchange="yulan('div3',this);" size="35" /></td>
    <td class="td_heng"  id="div3">&nbsp;</td>
  </tr>
  <tr>
    <td height="50" align="center" class="td_heng">相片四</td>
    <td class="td_heng" style="padding:10px;"><input name="uploadinput[]" type="file" onchange="yulan('div4',this);" size="35" /></td>
    <td class="td_heng"  id="div4">&nbsp;</td>
  </tr>
  <tr>
    <td width="12%" height="50" align="center" class="td_heng">相片五</td>
    <td width="37%" class="td_heng" style="padding:10px;">
    <input name="uploadinput[]" type="file" onchange="yulan('div5',this);" size="35" /></td>
    <td width="51%" class="td_heng"  id="div5">&nbsp;</td>
  </tr></table>

 我们看到了特地指出蓝色的代码,下面就是我们用js 程序了.

function yulan(str,o)
{
var fileext=o.value.substring(o.value.lastIndexOf("."),o.value.length)
        fileext=fileext.toLowerCase()
   
        if ((fileext!='.jpg')&&(fileext!='.gif')&&(fileext!='.jpeg')&&(fileext!='.png')&&(fileext!='.bmp'))
        {
            alert("对不起,系统仅支持标准格式的照片,请您调整格式后重新上传,谢谢 !");
            o.focus();
        }
        else
        {
        document.getElementById(str).innerHTML="<img" width=100% src='"+o.value+"' height=60 style='border:1px dashed #ccc'>"
        }
 
}

哈哈,就写完了,上传就用php 很简单的我就不多说了,最后申明一点本站原创文章转载请注明原处,尊重站的劳动:  www.111cn.net

昨天公司要写一个多组的投票系统,要求前台在未把内容提交给服务器脚本之前要进行判断,所以就出来这个问题哦.下面我们就来js判断单选框[radio]是否_选中的代码吧.

<form action="post.php" method="post"  name="add" enctype="multipart/form-data" onSubmit="return check();" >
<h1>1、ssss?</h1>
<input name="v1" type="radio" value="300年">300年            
<input name="v1" type="radio" value="400年">400年              
<input name="v1" type="radio" value="1000年">1000年

</form>

上面是个简单的radio单选组,我们来看看js是怎么判断的吧.

<script>

var radio1=document.getElementsByName("v1");
   for(var i=0;i<radio1.length;i++)
   {
         if(radio1.item(i).checked==true)
             {
     flag1=1;
                  break;

       }
   }

!flag1?return alert('未选');

</script>

哈哈不写完了,是不是很简单啊,申明一下,:本站原创文章转载请注明:  www.111cn.net 

 

标签:[!--infotagslink--]

您可能感兴趣的文章: