×

[PR]この広告は3ヶ月以上更新がないため表示されています。
ホームページを更新後24時間以内に表示されなくなります。

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

html/css tips

?ܼ?

  1. ???Υڡ?????
  2. ?ǥ?????
  3. html
    1. ??????
    2. tag
      1. object
      2. ?????Υ??? <del> <strike> ??<s>
      3. <div> ??<span> ?????ΰ㤤
      4. ???ѤΥ???
      5. blockquote
    3. ?إå?
      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. ????ʸ???????ͥ????֥ڡ???
  8. ????

???Υڡ?????

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:元国税局勤務の起業家向け、遺産相続の相談なら植村洋税理士事務所:一時間無料税理士相談。お気軽に。]