1. 首页
  2. 代码片断库
  3. HTML
全部数据
text
javascript
php
markdown
sh
java
python
html
csharp
css
sql
c_cpp
PHP
ruby
xml
scss
json
swift
JavaScript
typescript
vbscript
powershell
CSS
apache_conf
ActionScript 3
r
ini
HTML
golang

HTML 中心块，宽度未知

CSS:

 .menucenter {
    background:#e6eaff;
    border:#0dd 1px solid;
    margin:10px;
    height:30px;
  }
  .centermenu {float:left;position:relative;left:50%;}
  .cenmenu {position:relative;left:-50%;}
  *html .cenmenu {float:left;}

HTML:

<div class="menucenter">
   <div class="centermenu">
    <div class="cenmenu">

     Menu (container) with float style

    </div>
   </div>
  </div>

HTML 使用数据URL在HTML页面中嵌入图像

<img src="data:image/png;base64,Qk12BQAAAAAAADYAAAAoAAAAFQAAABUAAAABABgAAAAAAEAFAAAAAAAAAAAAAAAAAAAAAAAAO6qp KqOiKqOiKqOiKqOiKqOiKqOiKqOiKqOiKqOiKqOiO6qpTLGwTLGwTLGwTLGwTLGwTLGwTLGwTLGw TLGwAEyxsDuqqSqjoiqjoiqjoiqjoiqjoiqjoiqjoiqjoiqjoiqjojuqqUyxsEyxsEyxsEyxsEyx sEyxsEyxsEyxsABMsbBMsbA7qqkqo6Iqo6Iqo6Iqo6Iqo6Iqo6Iqo6Iqo6Iqo6Iqo6I7qqlMsbBM sbBMsbBMsbBMsbBMsbBMsbAATLGwTLGwTLGwO6qpKqOiKqOiKqOiKqOiKqOiKqOiKqOiKqOiKqOi KqOiO6qpTLGwTLGwTLGwTLGwTLGwTLGwAEyxsEyxsEyxsEyxsDuqqSqjoiqjoiqjoiqjoiqjoiqj oiqjoiqjoiqjoiqjojuqqUyxsEyxsEyxsEyxsEyxsABMsbBMsbBMsbBMsbBMsbA7qqkqo6Iqo6Iq o6Iqo6Iqo6Iqo6Iqo6Iqo6Iqo6Iqo6I7qqlMsbBMsbBMsbBMsbAATLGwTLGwTLGwTLGwTLGwTLGw O6qpKqOiKqOiKqOiKqOiKqOiKqOiKqOiKqOiKqOiKqOiO6qpTLGwTLGwTLGwAEyxsEyxsEyxsEyx sEyxsEyxsEyxsDuqqSqjoiqjoiqjoiqjoiqjoiqjoiqjoiqjoiqjoiqjojuqqUyxsEyxsABMsbBM sbBMsbBMsbBMsbBMsbBMsbBMsbA7qqkqo6Iqo6Iqo6Iqo6Iqo6Iqo6Iqo6Iqo6Iqo6Iqo6I7qqlM sbAATLGwTLGwTLGwTLGwTLGwTLGwTLGwTLGwTLGwO6qpKqOiKqOiKqOiKqOiKqOiKqOiKqOiKqOi KqOiKqOiO6qpADuqqUyxsEyxsEyxsEyxsEyxsEyxsEyxsEyxsEyxsDuqqSqjoiqjoiqjoiqjoiqj oiqjoiqjoiqjoiqjoiqjogAqo6I7qqlMsbBMsbBMsbBMsbBMsbBMsbBMsbBMsbBMsbA7qqkqo6Iq o6Iqo6Iqo6Iqo6Iqo6Iqo6Iqo6Iqo6IAKqOiKqOiO6qpTLGwTLGwTLGwTLGwTLGwTLGwTLGwTLGw TLGwO6qpKqOiKqOiKqOiKqOiKqOiKqOiKqOiKqOiACqjoiqjoiqjojuqqUyxsEyxsEyxsEyxsEyx sEyxsEyxsEyxsEyxsDuqqSqjoiqjoiqjoiqjoiqjoiqjoiqjogAqo6Iqo6Iqo6Iqo6I7qqlMsbBM sbBMsbBMsbBMsbBMsbBMsbBMsbBMsbA7qqkqo6Iqo6Iqo6Iqo6Iqo6Iqo6IAKqOiKqOiKqOiKqOi KqOiO6qpTLGwTLGwTLGwTLGwTLGwTLGwTLGwTLGwTLGwO6qpKqOiKqOiKqOiKqOiKqOiACqjoiqj oiqjoiqjoiqjoiqjojuqqUyxsEyxsEyxsEyxsEyxsEyxsEyxsEyxsEyxsDuqqSqjoiqjoiqjoiqj ogAqo6Iqo6Iqo6Iqo6Iqo6Iqo6Iqo6I7qqlMsbBMsbBMsbBMsbBMsbBMsbBMsbBMsbBMsbA7qqkq o6Iqo6Iqo6IAKqOiKqOiKqOiKqOiKqOiKqOiKqOiKqOiO6qpTLGwTLGwTLGwTLGwTLGwTLGwTLGw TLGwTLGwO6qpKqOiKqOiACqjoiqjoiqjoiqjoiqjoiqjoiqjoiqjoiqjojuqqUyxsEyxsEyxsEyx sEyxsEyxsEyxsEyxsEyxsDuqqSqjogAqo6Iqo6Iqo6Iqo6Iqo6Iqo6Iqo6Iqo6Iqo6Iqo6I7qqlM sbBMsbBMsbBMsbBMsbBMsbBMsbBMsbBMsbA7qqkA" />

HTML 世界货币清单

<select>
    <option selected="selected" value="USD United States Dollars">
        USD United States Dollars
    </option>
    <option>
        EUR Euro
    </option>
    <option value="CAD Canada Dollars">
        CAD Canada Dollars
    </option>
    <option>
        GBP United Kingdom Pounds
    </option>
    <option>
        DEM Germany Deutsche Marks
    </option>
    <option>
        FRF France Francs
    </option>
    <option>
        JPY Japan Yen
    </option>
    <option>
        NLG Netherlands Guilders
    </option>
    <option>
        ITL Italy Lira
    </option>
    <option>
        CHF Switzerland Francs
    </option>
    <option>
        DZD Algeria Dinars
    </option>
    <option>
        ARP Argentina Pesos
    </option>
    <option>
        AUD Australia Dollars
    </option>
    <option>
        ATS Austria Schillings
    </option>
    <option>
        BSD Bahamas Dollars
    </option>
    <option>
        BBD Barbados Dollars
    </option>
    <option>
        BEF Belgium Francs
    </option>
    <option>
        BMD Bermuda Dollars
    </option>
    <option>
        BRR Brazil Real
    </option>
    <option>
        BGL Bulgaria Lev
    </option>
    <option>
        CAD Canada Dollars
    </option>
    <option>
        CLP Chile Pesos
    </option>
    <option>
        CNY China Yuan Renmimbi
    </option>
    <option>
        CYP Cyprus Pounds
    </option>
    <option>
        CSK Czech Republic Koruna
    </option>
    <option>
        DKK Denmark Kroner
    </option>
    <option>
        NLG Dutch Guilders
    </option>
    <option>
        XCD Eastern Caribbean Dollars
    </option>
    <option>
        EGP Egypt Pounds
    </option>
    <option>
        EUR Euro
    </option>
    <option>
        FJD Fiji Dollars
    </option>
    <option>
        FIM Finland Markka
    </option>
    <option>
        FRF France Francs
    </option>
    <option>
        DEM Germany Deutsche Marks
    </option>
    <option>
        XAU Gold Ounces
    </option>
    <option>
        GRD Greece Drachmas
    </option>
    <option>
        HKD Hong Kong Dollars
    </option>
    <option>
        HUF Hungary Forint
    </option>
    <option>
        ISK Iceland Krona
    </option>
    <option>
        INR India Rupees
    </option>
    <option>
        IDR Indonesia Rupiah
    </option>
    <option>
        IEP Ireland Punt
    </option>
    <option>
        ILS Israel New Shekels
    </option>
    <option>
        ITL Italy Lira
    </option>
    <option>
        JMD Jamaica Dollars
    </option>
    <option>
        JPY Japan Yen
    </option>
    <option>
        JOD Jordan Dinar
    </option>
    <option>
        KRW Korea (South) Won
    </option>
    <option>
        LBP Lebanon Pounds
    </option>
    <option>
        LUF Luxembourg Francs
    </option>
    <option>
        MYR Malaysia Ringgit
    </option>
    <option>
        MXP Mexico Pesos
    </option>
    <option>
        NLG Netherlands Guilders
    </option>
    <option>
        NZD New Zealand Dollars
    </option>
    <option>
        NOK Norway Kroner
    </option>
    <option>
        PKR Pakistan Rupees
    </option>
    <option>
        XPD Palladium Ounces
    </option>
    <option>
        PHP Philippines Pesos
    </option>
    <option>
        XPT Platinum Ounces
    </option>
    <option>
        PLZ Poland Zloty
    </option>
    <option>
        PTE Portugal Escudo
    </option>
    <option>
        ROL Romania Leu
    </option>
    <option>
        RUR Russia Rubles
    </option>
    <option>
        SAR Saudi Arabia Riyal
    </option>
    <option>
        XAG Silver Ounces
    </option>
    <option>
        SGD Singapore Dollars
    </option>
    <option>
        SKK Slovakia Koruna
    </option>
    <option>
        ZAR South Africa Rand
    </option>
    <option>
        KRW South Korea Won
    </option>
    <option>
        ESP Spain Pesetas
    </option>
    <option>
        XDR Special Drawing Right (IMF)
    </option>
    <option>
        SDD Sudan Dinar
    </option>
    <option>
        SEK Sweden Krona
    </option>
    <option>
        CHF Switzerland Francs
    </option>
    <option>
        TWD Taiwan Dollars
    </option>
    <option>
        THB Thailand Baht
    </option>
    <option>
        TTD Trinidad and Tobago Dollars
    </option>
    <option>
        TRL Turkey Lira
    </option>
    <option>
        GBP United Kingdom Pounds
    </option>
    <option>
        USD United States Dollars
    </option>
    <option>
        VEB Venezuela Bolivar
    </option>
    <option>
        ZMK Zambia Kwacha
    </option>
    <option>
        EUR Euro
    </option>
    <option>
        XCD Eastern Caribbean Dollars
    </option>
    <option>
        XDR Special Drawing Right (IMF)
    </option>
    <option>
        XAG Silver Ounces
    </option>
    <option>
        XAU Gold Ounces
    </option>
    <option>
        XPD Palladium Ounces
    </option>
    <option>
        XPT Platinum Ounces
    </option>
</select>

HTML 旗帜

<a href="http://skrynia.com/"><img width="180" height="150" border="0" src="http://skrynia.com/banners/180-x-150.jpg" /> </a>

HTML html元标记：刷新

<meta http-equiv="refresh" content="0;url=http://www.yourdomain.com/">

HTML 测试

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
	
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
	<head>
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
		<title>title</title>
	
		<link rel="icon" href="favicon.png" type="image/x-icon" />
	
		<link rel="stylesheet" href="http://yui.yahooapis.com/2.4.0/build/reset-fonts-grids/reset-fonts-grids.css" type="text/css" />
		<link rel="stylesheet" href="/css/screen.css" type="text/css" media="screen" />
		<link rel="stylesheet" href="/css/print.css" type="text/css" media="print" />
		
		<!--[if IE]>
			<link rel="stylesheet" href="/css/ie.css" type="text/css" media="screen" />
		<![endif]-->
	
		<script type="text/javascript" src="scripts/jquery.js" />
		<script type="text/javascript" src="scripts/client.js" />
	</head>
	
<body>
	<div id="wrapper">
	
	</div>
</body>

</html>

HTML 对象分配

<pre>

<?php
$assigned   =  $instance;
$reference  =& $instance;

$instance->var = '$assigned will have this value';

$instance = null; // $instance and $reference become null

var_dump($instance);
var_dump($reference);
var_dump($assigned);
?>


<hr>

The above example will output:

NULL
NULL
object(SimpleClass)#1 (1) {
   ["var"]=>
     string(30) "$assigned will have this value"
}
</pre>

HTML 等于大于操作数

<pre>
Tiffany S. (NiceTiff...@webtv.net) wrote:

: What do the symbols => and -> mean?  I can find them used in scripts,
: but I can't find them explained in either books or online.

Without even knowing the language it's hard to give a correct answer.

But I'll guess your using perl.

First, if indeed perl is the language, then the answer most certainly is
available online, you just need to know what to read.

If you have perl installed then type
        perldoc perlsyn
        perldoc perlop

If you don't have perl installed then type the above into google instead,
or google something like "perl" "operators"

Anyway, in perl, => is a special type of comma.  It's used like a comma
but the thing on the left is automatically quoted (basically).

so
        ("one","two")   is similar to   (one=>"two")

And -> means "points to".  It's taken from C notation and has a similarish
meaning.  If, instead of a plain old variable that contains a value, you
instead have a variable that _references_ another variable, then you can't
get the value directly because it isn't kept "in" the variable.  Instead
the variable "points to" where the value is kept.  Read the doc for
details.

so you will see things like

        $x[0]   # first element of an array called "x"

        $x->[0]      # first element of an array, but the array is _not_ called
                # "x".  Instead the array is kept somewhere else, and
                # the variable "x" _points to_ where the array is being
                # kept. 

<hr>


Tiffany S. wrote:
> What is the explanation of the => and the -> operands? I've run
> across them, but can't find anything about them in tutorials or
> reference manuals.

=> can be used in place of a comma, and is commonly used to separate
key/value pairs when creating a hash.

my %hash = (dog, 'bark',
             cat, 'meow',
             cow, 'moo',
             pig, 'oink'
            );

can be written as:

my %hash = (dog => 'bark',
             cat => 'meow',
             cow => 'moo',
             pig => 'oink'
            );

The => simply makes it easier to read.

If, instead, I had written:

my $hash = {dog => 'bark',
             cat => 'meow',
             cow => 'moo',
             pig => 'oink'
            };

(note the curly brackets instead of parentheses) then $hash would
contain a reference to a hash. I would have to dereference the hash to
access any of the values for a given key.

I could

print $$hash{dog};

or I could

print $hash->{dog};

If you are not familiar with references, look here:
http://perldoc.perl.org/perlreftut.html
</pre>

HTML HTML开始 - 过渡

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>

	<meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
	<title>Title</title>
	<meta http-equiv="Content-Language" content="en-us" />
	
  <link rel="stylesheet" type="text/css" href="css/resets.css" />
  <link rel="stylesheet" type="text/css" href="css/main.css" />

	<!--[if IE 6]>
	  <link rel="stylesheet" type="text/css" href="css/ie6.css" />
    <script type="text/javascript" src="js/supersleight-min.js"></script>
	<![endif]-->

	<!--[if IE 7]>
	  <link rel="stylesheet" type="text/css" href="css/ie7.css" />
	<![endif]-->

	<!--[if lt IE 8]>
    <script src="js/IE8.js" type="text/javascript"></script>
  <![endif]-->

</head>

<body>
  <div class="wrapper">
    
  </div> <!-- .wrapper -->
</body>
</html>

HTML 检查JavaScript验收

//// in body of home.htm
<noscript>
    <meta http-equiv="Refresh" content="0; URL=NoScript.htm" />
</noscript>

//// NoScript.htm
<html>
<head>
    <title></title>

    <script language="javascript" type="text/javascript">
        document.location = "home.htm";
    </script>

</head>
<body>
<noscript>
    You must enable JavaScript to use <a href="home.htm">this website</a>.
</noscript>
</body>
</html>