433750 ランダム
 ホーム | 日記 | プロフィール 【フォローする】 【ログイン】

ハーモニカ専門店ハーモニカ・オンリー

ハーモニカ専門店ハーモニカ・オンリー

HTML早見表(作成中)

利用可能タグ、要素は下記のとおりです


a> a,accesskey,charset,coords,href,hreflang,lang,meth ods,name,rel,rev,shape,tabindex,target,title,type,urn,style

・abbr>(使用しない)

・acronym> (使用しない)

・address> (使用しない)

area> area,accesskey,alt,coords,href,lang,language,na me,nohref,shape,tabindex,target,title,style
b> b,style
basefont> basefont,color,face,lang,size
bdo> bdo,lang,title

・big> フォントを1段階大きくする

・blink> (使用しない)

・blockquote> 引用。前後左右に隙間が空く。インデントの代用としても使用。
 └cite="" 引用元のURLを指定する。

br> br,clear,title,style
caption> caption,align,valign
center> center,style

・cite> (使用しない)

・code> (使用しない)

col> col,align,bgcolor,char,charoff,lang,span,title,v align,width
colgroup> colgroup,align,bgcolor,char,charoff,lang,sp an,title,valign,width

・comment> !-- ~ -->と同じ。
IE でしかサポートされていないため、あまり使用されないが、IE 以外のブラウザに対するメッセージを表示したい場合に利用されることがあります。
-----------------------------------------------------
comment>
このページは Internet Explorer で参照してください。
/comment>
-----------------------------------------------------
と記述すると、IEではソース内のコメント(注釈)となるが、IE 以外のブラウザだと画面に表示される。

 └lang="" 言語を指定。日本語は"ja"、英語は"en"。

dd> dd
del> del,cite,datetime

・dfn> (使用しない)

・div align=""> "center"は中央表示、"left"は左寄せ、"right"は右寄せ、"justify"は両端揃え。

dl> dl,compact
dt> dt

・em> (使用しない)

font> font,color,face,font-weight,lang,point-size,siz e,title,style

・h1> h2> h3> h4> h5> h6> 見出しを記述する。h1> が最も大きな見出し。
 └align="" "center"は中央表示、"left"は左寄せ、"right"は右寄せ、"justify"は両端揃え。

hr> hr,align,color,lang,noshade,size,title,width,styl e
i> i,style
img> img,align,alt,border,height,hspace,ismap,lang,lo ngdesc,name,src,title,usemap,vspace,width,style
ins> ins,cite,datetime,style

・kbd> (使用しない)

li> li,type,value
map> map,lang,name,title
marquee> marquee,behavior,bgcolor,direction,height,hs pace,loop,scrollamount,scrolldelay,truespeed,vspace,width
nobr> nobr,lang,title
ol> ol,compact,start,type
p> p,align,style
pre> pre,cols,width,wrap
rt> rt
ruby> ruby

・q> インラインでの引用。自動的に""が付けられる事が多い。
 └cite="" 引用元のURLを指定する。

・s> 打ち消し線を引く

・samp> (使用しない)

・small> 一回り小さい文字にする

spacer> spacer,align,height,size,type,width

・strike> 打ち消し線を引く

・strong> 強調文字

・sub> SUBscript(下付き文字)

・sup> SUPerscript(上付き文字)

・table> テーブル(表)を作成する。
 └align="" "center"は中央表示、"left"は左寄せ、"right"は右寄せ。
 └background="" 背景画像のurlの指定。
 └bgcolor="" 背景色を指定。
 └border= 線の太さを指定。記述しない、もしくは border=0 を指定すると枠線を表示しない。
 └bordercolor="" 枠線の色を指定。
 └bordercolordark="" 立体的な枠線の暗い部分の色を指定。
 └bordercolorlight="" 立体的な枠線の明るい部分の色を指定。
 └cellpadding= 枠線とセルの内容の間の隙間をピクセル単位で指定。
 └cellspacing= 内枠の太さを指定。 cellspacing=0 を指定すると、立体感の無い枠線を表示することができる。
 └cols= この属性を指定することにより、テーブルの表示速度が若干速くなる場合がある。
 └frame="" 各セルの上下左右の枠線について、表示する/しない、を制御する。"oid" 表示しない(既定値)。"above"上側のみ。"below"下側のみ。"hsides":上下のみ。"vsides":左右のみ。"lhs":左側(Left Hand Side)のみ。"rhs":右側(Right Hand Side)のみ。"box":上下左右。"border":上下左右。
 └height="" テーブルの高さをピクセルまたはパーセンテージで指定。
 └hspace="" テーブルの周りの横方向の余白をピクセル単位で指定。
 └lang="" 言語を指定。日本語は"ja"、英語は"en"。
 └rules="" テーブルの内側の枠線を表示するルールを指定。"none"表示しない。"groups" thead>, tbody>, tfoot> で指定したグループの境界のみ。"rows"横方向のみ。"cols"縦方向のみ。"all"すべて。(規定値)
 └title="" タイトルを指定。
 └vspace= テーブルの周りの縦方向の余白をピクセル単位で指定。
 └width="" テーブルの横幅をピクセルまたは % で指定。
 └style (一番下の「スタイルシート」をご覧下さい)

tbody> tbody,align,bgcolor,char,charoff,lang,title,va lign
td> td,align,background,bgcolor,bordercolor, bordercolordark,bordercolorlight,char,charoff,colspan,headers, height,nowrap,rowspan,scope,valign,width,style
tfoot> tfoot,align,char,charoff,valign
th> th,align,background,bgcolor,bordercolor, bordercolordark,bordercolorlight,char,charoff,colspan,headers, height,nowrap,rowspan,scope,valign,width
thead> thead,align,char,charoff,valign
title> title,lang

・tr> Table Row の略。テーブルの行を記述。
 └align="" "center"は中央表示、"left"は左寄せ、"right"は右寄せ、"justify"は均等割付、"char"は指定文字揃え。
 └background="" 背景画像のurlの指定。
 └bgcolor= 背景色を指定。
 └bordercolor= 枠線の色を指定。
 └bordercolordark="" 立体的な枠線の暗い部分の色を指定。
 └bordercolorlight="" 立体的な枠線の明るい部分の色を指定。
 └char="" 位置揃えする文字を指定。
 └charoff= charで指定した文字を、セルの左端からどのくらいの位置に表示するかのオフセットを指定します。
 └height= セルの高さをピクセルで指定。
 └lang="" 言語を指定。日本語は"ja"、英語は"en"。
 └title="" タイトルを指定。
 └valign="" セル内データの縦方向の配置を指定。"baseline"ベースライン揃え、"bottom"下揃え"、center"中央揃え"、middle"中央揃え、"top"上揃え
 └style (一番下の「スタイルシート」をご覧下さい)

・tt> TeleType(等幅フォント)

u> u,style

・ul> Unordered List(順序の無いリスト)を作成。リストの各項目は li>で記述する。
 └compact リストを極力コンパクトな形式で表示
 └type="" リストの頭に"disc"は黒丸、"circle"は白丸、"square"は四角、を表示。省略時は type="disc" となる。

・var> (使用しない)

・wbr> 改行禁止




「スタイルシート」(学習中)
・border-style: 上 右 下 左の順にボーダー(枠線)のスタイルを指定。none(線無し)、dotted(点線)、dashed(粗い点線)、solid(実線)、double(二重線)、groove(谷線)、ridge(山線)、inset(内線)、outset(外線)、inherit(継承)。


© Rakuten Group, Inc.