[トップページ] [星雲紀行] [MLXS] [WPGen] [自作音楽] [モデル] [vi/vim] [tips] [自己紹介]

html/css tips

ܼ

  1. Υڡ
  2. ǥ
  3. html
    1. tag
      1. object
      2. Υ <del> <strike> <s>
      3. <div> <span> ΰ㤤
      4. ѤΥ
      5. blockquote
    2. إå
      1. ưŪʥ
      2. 󥸥(robots )
  4. css
    1. css html
  5. rss
    1. _
  6. misc
    1. ΥȤܼhtml ƥץ졼
    2. OpenOffice Υơ֥Ѵ
    3. QR Code
    4. .htaccess
      1. .htaccess Ȥ
      2. .htaccess tips
  7. ʸ֥ͥڡ

Υڡ

html ˴ؤTIPS 򵭺ܤƤޤ ʬΥڡȤ˵դȤٶȤĤƤޤ

[content]

ǥ

html ǥ˴ؤͻ⡣

  • ݤȤΥ˥塼table ¤ѻˤʤΤǻߤ
  • ΩƥĤΩɥ쥹ǥȹΥڡˤ롣
  • Ϻ᤮ʤ
  • ǥȹʬ롣
  • http ץȥ򤢤魯ƥȤsed ǼưŪ˥󥯥 Ѵ뤳ȤͤGoogle ʤɤĹɥ쥹ϥ쥤Ȥ Τǻߤ᤿
[content]

html

եޥåȡɡοɽȤΤǤʸ
ñΤ󵭤Ƥ롣

<font color="#BABE00"> ƥ <font>

#F0F8FF aliceblue #FAEBD7 antiquewhite #00FFFF aqua #7FFFD4 aquamarine #F0FFFF azure #F5F5DC beige #FFE4C4 bisque #000000 black #FFEBCD blanchedalmond #0000FF blue #8A2BE2 blueviolet #A52A2A brown #DEB887 burlywood #5F9EA0 cadetblue #7FFF00 chartreuse #D2691E chocolate #FF7F50 coral #6495ED cornflowerblue #FFF8DC cornsilk #DC143C crimson #00FFFF cyan #00008B darkblue #008B8B darkcyan #B8860B darkgoldenrod #A9A9A9 darkgray #006400 darkgreen #BDB76B darkkhaki #8B008B darkmagenta #556B2F darkolivegreen #FF8C00 darkorange #9932CC darkorchid #8B0000 darkred #E9967A darksalmon #8FBC8F darkseagreen #483D8B darkslateblue #2F4F4F darkslategray #00CED1 darkturquoise #9400D3 darkviolet #FF1493 deeppink #00BFFF deepskyblue #696969 dimgray #1E90FF dodgerblue #B22222 firebrick #FFFAF0 floralwhite #228B22 forestgreen #FF00FF fuchsia #DCDCDC gainsboro #F8F8FF ghostwhite #FFD700 gold #DAA520 goldenrod #808080 gray #008000 green #ADFF2F greenyellow #F0FFF0 honeydew #FF69B4 hotpink #CD5C5C indianred #4B0082 indigo #FFFFF0 ivory #F0E68C khaki #E6E6FA lavender #FFF0F5 lavenderblush #7CFC00 lawngreen #FFFACD lemonchiffon #ADD8E6 lightblue #F08080 lightcoral #E0FFFF lightcyan #FAFAD2 lightgoldenrodyellow #90EE90 lightgreen #D3D3D3 lightgrey #FFB6C1 lightpink #FFA07A lightsalmon #20B2AA lightseagreen #87CEFA lightskyblue #778899 lightslategray #B0C4DE lightsteelblue #FFFFE0 lightyellow #00FF00 lime #32CD32 limegreen #FAF0E6 linen #FF00FF magenta #800000 maroon #66CDAA mediumaquamarine #0000CD mediumblue #BA55D3 mediumorchid #9370DB mediumpurple #3CB371 mediumseagreen #7B68EE mediumslateblue #00FA9A mediumspringgreen #48D1CC mediumturquoise #C71585 mediumvioletred #191970 midnightblue #F5FFFA mintcream #FFE4E1 mistyrose #FFE4B5 moccasin #FFDEAD navajowhite #000080 navy #FDF5E6 oldlace #808000 olive #6B8E23 olivedrab #FFA500 orange #FF4500 orangered #DA70D6 orchid #EEE8AA palegoldenrod #98FB98 palegreen #AFEEEE paleturquoise #DB7093 palevioletred #FFEFD5 papayawhip #FFDAB9 peachpuff #CD853F peru #FFC0CB pink #DDA0DD plum #B0E0E6 powderblue #800080 purple #FF0000 red #BC8F8F rosybrown #4169E1 royalblue #8B4513 saddlebrown #FA8072 salmon #F4A460 sandybrown #2E8B57 seagreen #FFF5EE seashell #A0522D sienna #C0C0C0 silver #87CEEB skyblue #6A5ACD slateblue #708090 slategray #FFFAFA snow #00FF7F springgreen #4682B4 steelblue #D2B48C tan #008080 teal #D8BFD8 thistle #FF6347 tomato #40E0D0 turquoise #EE82EE violet #F5DEB3 wheat #FFFFFF white #F5F5F5 whitesmoke #FFFF00 yellow #9ACD32 yellowgreen

[content]

tag

object

object Ȥhtml ˳꥽Ѳǽ
width height λ꤬ʤInternet Explorer ʤɤǤobject ̵뤵ΤǵĤ뤳ȡ

http://www.tagindex.com/html_tag/other/object.html

<object data="html_files/ppm-generate.txt" type="text/html" width="512" height="256"></object>
[content]
Υ <DEL> <STRIKE> <S>

Υ <DEL> <STRIKE> <S>
ΰ㤤ˤϰʲ롣

<DEL> </DEL>

sample->TEST
<STRIKE> </STRIKE>

sample->TEST
<S> </S>

sample->TEST
IE Firefox ǤϤŤäǸ̤ϰ

[content]
<DIV> <SPAN> ΰ㤤

<DIV> <SPAN> ϤȤˤǤϰ̣ʤ CSS Ȥ߹碌ự뤳ȤǤ롣
ΰ㤤ˤϰʲ롣

  • <DIV> ϥ֥åǤ˲ԤϤ롣
  • <SPAN> ϥ饤Ǥ˲Ԥʤ

[content]
ѤΥ

ΰѤΥˤĤƱ褦˥ɤ񤤤Ƥߤ롣 <pre><code><xmp><listing>

  1. pre
    <> <<>>
    	 _     _ _ _.._  
    	(_||_|_>_>(_|| | 
    	 _|              
    		
  2. xmp <> <<>> _ _ _ _.._ (_||_|_>_>(_|| | _|

    # html 4.0 ǤPRE λѤʤƤ롣

  3. code <> <<>> _ _ _ _.._ (_||_|_>_>(_|| | _|
  4. LISTING <> <<>> _ _ _ _.._ (_||_|_>_>(_|| | _|

    # html 4.0 ǤPRE λѤʤƤ롣

̡<CODE> ʳʿʤ褦 <XMP> Ȥʤȡ ȾѤϻѤǤʤȻפäƤ IE Firefox ϤΤޤɽƤ褦

[content]
blockquote

BLOCKQUOTE ưǧ롣 ˥֤ʤ

<> <<>> _ _ _ _.._ (_||_|_>_>(_|| | _|
˥֤
<> <<>> _ _ _ _.._ (_||_|_>_>(_|| | _|

[content]

إå

ưŪ˥פ

žǻѤ른פεǽǧ롣

<meta http-equiv="Refresh" content="5; URL=./html-tips.html">
<meta http-equiv="Refresh" content="5; URL=http://www.k2.dion.ne.jp/~kgt/">
5 äǸΥڡϤ

[content]
󥸥(robots )

Google ʤɤΥܥåȷ󥨥󥸥ФƤΥ
ޤtag Ѥˡroot robot.txt ֤ȤǤ¤롣
̣
<META NAME="ROBOTS" CONTENT="NONE">
<META NAME="ROBOTS" CONTENT="NOINDEX,NOFOLLOW">
ڡȡ󥯤ƤƤΥڡ 󥸥˸ʤ
<META NAME="ROBOTS" CONTENT="INDEX,NOFOLLOW"> ڡΤߤ򸡺󥸥ؤϿĤڡΥ󥯤¤롣 index.html˻Ȥ
<META NAME="ROBOTS" CONTENT="INDEX"> ڡθ󥸥ؤϿĤ
<META NAME="ROBOTS" CONTENT="NOINDEX,FOLLOW"> ڡ򸡺󥸥󤫤鸫ʤ褦ˤ뤬󥯤Ĥ롣 Τ褦ʻȤ̤ʤ
<META NAME="ROBOTS" CONTENT="ALL"> γإڡθ󥸥νĤ롣 ꤷʤмưŪ˸󥸥󤫤餽ߤʤ롣

֥ͥڡ
No Need Robot Club
˾ܤܥåȤˤĤƤ

[content]

css

  1. JM css ե
    ץǤ狼䤹
  2. ֥饦ΥХ
    width:100%; height:100%;
    ˤȡʤ֥饦οʿС˽и롣
    ʤΤǾ嵭ɽϤʤȡ

  3. css html ळȤǤ롣
    ʤߤˤΥڡǤϥȥåפˤ css ե ɤ߹Ǥ롣

[content]

css html

ʲΤ褦˥إåCSS ळȤǽ
<!doctype html public "-//w3c//dtd html 4.01 transitional//en">
<html lang="ja"><head>
<!--
<link rel=stylesheet href="http://www.k2.dion.ne.jp/~kgt/kg.css" type="text/css">
-->
<style type="text/css">
body
{
width:100%;
height:100%;
margin:0;
padding:0;
text-align:left;
background-color:#ffffff;
background-image:url("http://www.k2.dion.ne.jp/~kgt/data/picture/gussan-bg.png");
background-repeat:no-repeat;
background-position:bottom right;
background-attachment:fixed;
}
a
{
color:#01009a;
}
a:link
{
color:#01009a;
background-color: transparent;
}
a:visited
{
background-color: transparent;
}
a:active
{
/*background-color:#000044;*/
background-color: transparent;
}
a:hover
{
color:#01009a;
text-decoration:none;
background-color: #78cdff;
}
pre
{
border-top:#DDDDEE 2px solid;
border-bottom:#888899 2px solid;
border-left:#DDDDEE 2px solid;
border-right:#888899 2px solid;
padding:.5em;
margin-left:1em;
margin-right:2em;
font-size:80%;
font-family:courier new, Monospace, ͣ å, helvetica, arial,
Sans-Serif, verdana;
white-space:pre;
color:#00FF00;
background-color:black;
}
blockquote
{
padding:5px;
background-color:#000000;
color:#00ff00;
border:1px solid #999;
font-size:80%;
font-family:courier new, Monospace, ͣ å, helvetica, arial, Sans-Serif, verdana;
}
h1{
color: #000000;
padding:0.2em;
font-weight:bold;
border-color:#0044FF;
border-style:solid;
border-width:0.1em 0.8em 0.1em 0.8em;
background-color: #FFFFFF;
}
h2,h3{
color: #000000;
text-align:left;
font-weight:bold;
padding:0.2em;
border-color:#0044FF;
border-style:solid;
border-width:0.0em 0.0em 0.1em 0.6em;
background-color: #FFFFFF;
}
h4,h5,h6{
color: #000000;
text-align:left;
font-weight:bold;
padding:0.2em;
border-color:#0044FF;
border-style:solid;
border-width:0.0em 0.0em 0.0em 0.6em;
background-color: #FFFFFF;
}
</style>
<link rel="shortcut icon" href="http://www.k2.dion.ne.jp/~kgt/gussan.ico">
<link rel="index" href="./index.html">
<meta http-equiv="content-type" content="text/html; charset=euc-jp">
<meta name="robots" content="nofollow">
<meta name="keywords" content="˺Ͽ,weblog,,̣ʪ,ͧͤȤΤ">
<meta name="description" content="kgussan webpage">
<title>kgussan webpage</title>
</head>
[content]

rss

ʲΥRSS ƥϤƤġ뤬ꡢ

  1. http://www.infomaker.jp/download/index.htm#he
  2. RSSκ
  3. http://www.atmarkit.co.jp/fnetwork/rensai/5minrss/04.html
[content]

misc

ΥȤܼhtml ƥץ졼

<div align="right"><small><a href="#contents">[ܼ]</a></small></div>

[content]

OpenOffice Calc ɽHTML Ѵǽ

ǧ
OpenOffice Υơ֥html ˤޤСȤǤΤ ʲOpenOffice ǽ񤭽Фơ֥롣
ơ֥Υƥ
ϥơ֥뤫



HTML ؤѴ






Ƥ











OpenOffice Calc HTML ơ֥νϤǽ٤ϤǤʤ

  • OpenOffice Υ桼󤬥إåˤǤ礬뤳Ȥա
  • եȾ󤬽Фʤ褦ˤΤȾĹʽϤ뤿ᡢOOo ΰʲΥץ롣
    ġ뢪ץHTMLߴե̵뤹롣
    ġ뢪ץHTMLߴݡȢHTML3.2
  • Ѵλ⤵ɽƾĹˤʤ뤬ϰʲvim ɽִǺ
    :%s/WIDTH=[0-9]*\ \|HEIGHT=[0-9]*\ \//gc
[content]

QR-Code

QR Code ϥϤŪȤСɡ
ûƥȤʤɤ롣

[content]

.htaccess

.htaccess Ȥ

Apache (Web service ץꥱ)Ǵʰǧڤʰץ¤Ԥ ٤򵭽Ҥե롣

[content]
.htaccess tips

  • BASIC ǧ
    AuthUserFile /home/USERNAME/.htpasswd
    AuthGroupFile /dev/null
    AuthName "Enter ID and password"
    AuthType Basic
    require valid-user
    .htpasswd ʤɤϥѡߥå644 °ˡ ѥɤencrypt Ƥ뤬Ū夤Ź
  • DION .htaccess ͭˤƤʤ

[content]

ʸ֥ͥڡ

  1. html/css
  2. html/css-Ǻླྀƥץ졼
  3. html/css-misc
  4. cgi
  5. java script

[content]

  • 2006/09/17
  • 2006/04/16 ⡦ͻɲ
  • 2006/03/11
  • 2004/00/00
[content]
ご意見、ご感想、誤字、間違い等、お気づきの点がありましたら KGussan@Gmail.com まで連絡ください。
このウェブページの注意・免責事項 Copyright (C) 2004-2012 KGussan. [トップページ]
[PR:元国税局勤務の起業家向け、遺産相続の相談なら植村洋税理士事務所:一時間無料税理士相談。お気軽に。]