HTMLタグ辞典：yatウェブサイトdarkness

top>ポートフォリオ

Portfolio

仕事やそれ以外で自分が作った作品を掲載

日付、画像、コメントの順番でひとつのブロックです。コメントが水色になっているものはリンクがあります。またリンクがあるものに関しては、画像をクリックすると、大きくポップアップします。

2008.06.22

ネットショップカズ livedoor店

2008.01.19

ネットショップカズ楽天店のリニューアル

2007.11.25

ネットショップカズ yahoo!ショッピング店のリニューアル

2007.08.03

HTMLの小技：YATウェブサイトDARKNESSリニューアル

このサイトのリニューアル

HTMLの小技：YATウェブサイトDARKNESS初めのレイアウト

このサイトの最初のレイアウト

2007.03.01

ネットショップカズ

ネットショップカズの自社サイト（公開終了）

2006.09.13

ネットショップカズ楽天店

ネットショップカズが楽天店

2007.06.19

ネットショップカズ yahoo!ショッピング

ネットショップカズがyahoo!ショッピング店

2006.09.13

押し花教室j華

2006.07.09

yat

自分のネームをイラストロゴに。Fireworksで作成

2006.06.20

newbeetle

欲しい車をイラストに。フォルクスワーゲン「NewBeetle」イラストレーターで作成

2006.05.24

AsiadDreamWorks

2006.02.11

bg-img

このサイトの背景に使用している画像。Fireworksで作成

2005.02.04

チャレンジクラブ

ネットの友人Proviaさんに作ってほしいといわれたロゴ。イラストレーターで製作。

メニュー
TOPへ
HTMLとは？
HTML小技
サイト閲覧の文字化け回避
メタタグ使用
カレンダー自動作成
便利サイト
見やすく分かりやすいカテゴリわけ
デザイン
右クリックをさせない
JavaScript
画像で右クリックをさせない
JavaScript
隠しリンク
JavaScript
ページの自動ジャンプ
メタタグ使用
HTMLタグ
文書構造関連
ドキュメントタイプの宣言
<!DOCTYPE>
HTMLであることを宣言する
<HTML>
HTML文書のヘッダ情報を記載する
<HEAD>
文書に関する情報（メタ情報）を指定する。
<META>
文書にタイトルを付ける
<TITLE>
文書の本体を表す
<BODY>
本文に見出しをつける
<H1>～<H6>
段落であることを表す
<P>
文章の表現
文字の種類・大きさ・色の指定
<FONT>
文字を太文字にする
<B>
文字を斜体（イタリック）にする
<I>
文字に下線（アンダーライン）を引く
<U>
文字のサイズをひとまわり大きくする
<BIG>
文字のサイズをひとまわり小さくする
<SMALL>
打ち消し線を引く
<S><STRIKE>
等幅文字で表示する
<TT>
下付き文字を表示する
<SUB>
上付き文字を表示する
<SUP>
ルビを振る
<RUBY><RB><RT><RP>
文字をスクロールさせる
<MARQUEE>
テキストを点滅させる
<BLINK>
文字表記の方向を指定する
<BDO>
改行無しで表示する
<NOBR>
改行する
<BR>
<NOBR>内で改行しても良い位置を指定する
<WBR>
文章の意味
強調する
<EM><STRONG>
定義する文字を明示する
<DFN>
削除された部分であることを示す
<DEL>
追加された部分であることを示す
<INS>
連絡先、問合せ先を示す
<ADDRESS>
引用文であることを表す
<BLOCKQUOTE><Q>
出典、参照先を示す
<CITE>
プログラムのソースコードである事を示す
<CODE>
変数や引数である事を示す
<VAR>
プログラムによる出力結果のサンプルである事を示す
<SAMP>
略語である事を示す
<ACRONYM><ABBR>
リンク
リンクを張る、リンクの出発点・到達点を指定する
<A>
ひとつの画像に複数のリンクを設定する
<MAP><AREA>
相対パスの基準URIを指定する
<BASE>
関連する文章ファイルを指定する
<LINK>
ボタンを作成する
<BUTTON>
画像・動画・Java・音
画像を表示する
<IMG>
プラグインデータを埋め込む
<EMBED><NOEMBED>
文章にデータを埋め込む
<OBJECT>
JAVAアプレットを挿入する
<APPLET>
パラメータを指定する
<PARAM>
効果音・BGMを鳴らす
<BGSOUND>
テーブル・レイアウト
テーブル（表）を作成する
<LAYER>
テーブル（表）の横方向の一行を定義する
<TR>
テーブル（表）の見出しセルを作成する
<TH>
テーブル（表）のデータセルを作成する
<TD>
テーブルのヘッダ行を定義する
<THEAD>
テーブルのフッタ行を定義する
<TFOOT>
テーブル（表）のボディ部分を定義する
<TBODY>
テーブル（表）にタイトルをつける
<CAPTION>
テーブル（表）のたて列の属性をまとめて指定する
<COL>
表の縦列をグループ化する
<COLGROUP>
センタリングする
<CENTER>
スペースを挿入する
<SPACER>
段落する
<MULTICOL>
横罫線を引く
<HR>
レイヤー
絶対位置にレイヤー表示する
<TABLE>
相対位置にレイヤー表示する
<ILAYER>
レイヤーが利用できない環境用の表示内容を指定する
<NOLAYER>
入力フォーム
入力フォームを作る
<FORM>
フォームの構成部品（入力欄・ボタン等）を作成する
<INPUT>
セレクトボックスを作成する
<SELECT>
セレクトボックスの選択肢をグループ化する
<OPTGROUP>
セレクトボックスの選択肢を指定する
<OPTION>
複数行の入力フィールドを作成する
<TEXTAREA>
フォームの入力項目グループにタイトルを付ける
<LEGEND>
フォームの入力項目をグループ化する
<FIELDSET>
フォーム部品と項目名（ラベル）を関連付ける
<LABEL>
検索キーワードの入力欄を作る
<ISINDEX>
リスト
順序のあるリストを表示する
<OL>
順序のないリストを表示する
<UL>
リストの項目を記述する
<LI>
定義リストであることを表す
<DL>
定義する用語を表す
<DT>
定義した用語の説明を記述する
<DD>
スクリプト
文章にスクリプトを埋め込む
<SCRIPT>
スクリプトが動作しない環境用の表示内容を指定する
<NOSCRIPT>
スタイルシート
スタイルシートを記述する
<STYLE>
範囲指定
ひとかたまりの範囲として定義する（ブロック要素）
<DIV>
ひとかたまりの範囲として定義する（インライン要素）
<SPAN>
ポートフォリオ
web素材
リンク

更新履歴

2008.8.7: linkページのリンクに、リンク先のサイトサムネイルを表示させるようにしました。
PORTFOLIOのページもサムネイルをクリックすることにより、画像を拡大して表示するようにしました。
2008.7.4: linkに3件追加
2008.6.22: Portfolioに1件追加
サイトデザイン修正
2008.6.17: linkに1件追加
2008.1.19: Portfolioに1点追加
2008.1.16: Portfolioに2点追加
2007.9.29: BLOG開始
2007.8.6: HTMLに一件追加
2007.8.3: サイトリニューアル
2007.6.19: Portfolioに1点追加
2006.9.13: Portfolioに1点追加
2006.8.11: Portfolioに1点追加
2006.8.11: Blog更新、BBS削除しました、LINKに1件追加

DARKNESS

このサイトへのリンクはフリーです。ご連絡していただければ相互リンクもいたします。リンクの際は下記バナをご利用ください。

: 31×31px
: 88×31px
: 188×29px

ホームページ制作

FX 外国為替

HTML小技：YATウェブサイトDARKNESS

Portfolio

更新履歴