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