ブログ作成に必要な基本的なHTMLタグについて説明してます!(HTML フォント レイアウト リンク・画像 テーブルなど)

初心者のブログ作成 HTMLタグ研究所! サイトマップ お問い合せ LINK
当サイトではブログ作成方法の他にお気に入り商品なども紹介しております。ごゆっくりお楽しみください!
HTMLタグとはフォントカラーコード表(色見本)レイアウトリンク・画像テーブル使い方掲示板


▼ テーブルタグメニュー(目次)

フォントタグカラーコードレイアウトタグリンク・画像タグテーブルタグHTMLタグの練習場

このタグを覚えればブログやホームページを綺麗にまとめる事が出来ます。 
表としての利用や写真・バナー・画像などを一列に並べて表示したい方におすすめです。


▼ テーブルタグメニューの説明

(矢印)横のタイトルが各HTMLタグの説明・使用方法のページへのリンクになります。

テーブルタグとは何か?
はじめてテーブルタグを利用する方は順番に進んで下さい!
(仕組みを理解できれば作成しやすいので)


テーブルタグの仕組みへ

▲ テーブルとは
表(テーブル)を作成するのに使用するタグです!

テーブルタグメニュー
基本のテーブルタグの使用例と解説ページへ

▲ 簡単な表(テーブル)を作成してみよう(理解力テストあり) 列と行の増やし方について

表の線の太さ変更1の使用例と解説ページへ

外枠の太さを変えたい場合に使います。 表の枠線の太さを変えることで見栄えが変わります。

表の線の太さ変更2の使用例と解説ページへ

▲ 枠全体の太さ・色を変えたい場合に使います。


表サイズ指定+文字配置 上級編1
表のサイズを変更の使用例と解説ページへ

表(テーブル)のサイズを指定したい場合に使います。

横の列ごとに文字の位置を指定の使用例と解説ページへ

▲ 表(テーブル)の
一列ごとに文字の位置を指定したい場合に使います。

表のマスごとに文字位置を指定の使用例と解説ページへ

▲ 表の
各マスごとに文字位置を指定したい場合に使います。

見出しの文字(太字)の位置を指定の使用例と解説ページへ 

▲ 表(テーブル)の
見出しの文字位置を指定したい場合に使います。


表の連結とタイトル 上級編2
縦の連結と横の連結の使用例と解説ページへ

▲ 表内(テーブルタグ内)で
連結したい場合に使います。

1マスの大きさを指定の使用例と解説ページへ

▲ 表(テーブル)の
マスサイズを指定したい場合に使います。

表(Table)に見出しを入れるの使用例と解説ページへ

見出しを入れた表を作成したい場合に使います。

表(Table)にタイトルを入れるの使用例と解説ページへ

タイトルを付けた表(テーブル)を作成したい場合に使います。


表の枠線・表内に色を付ける 上級編3
表(Table)の枠線に色を付けるの使用例と解説ページへ

▲ 表の
枠線のみ色を変えたい場合に使います。

枠線の濃さを変えて立体的にするの使用例と解説ページへ

▲ 表(テーブル)の外枠上と左・下と右の
色を変えて立体的な表にしたい場合に使います。

マスごとに色を変えるの使用例と解説ページへ

▲ 表(テーブル)の各
マスごとに色を付けたい場合に使います。

表全体の色を統一の使用例と解説ページへ

▲ 表の
色をすべて同じにしたい場合に使います。

表の色+線の色を2色指定の使用例と解説ページへ

▲ 表(テーブル)の色と線をしっかり
区別したい場合に使います。

表(Table)の後ろに影を付けるの使用例と解説ページへ

▲ 表(テーブル)を浮いてるように見せたい場合に使います。(
立体的


枠線の表示を消したい 上級編4
表(Table)の外枠線だけを消したい場合の使用例と解説ページへ

▲ 表の
外枠線を消したい、外枠の一部を消したい場合に使います

表(Table)の内枠線だけを消したい場合の使用例と解説ページへ

▲ 表の内枠線を消したい、内枠の一部を消したい場合に使います


基本の表のテンプレート
基本のテーブルタグ テンプレート集1へ

自分でテーブル(表)を作成するのが面倒だという方向け(簡単な表

基本のテーブルタグ テンプレート集2へ

自分でテーブル(表)を作成するのが面倒だという方向け(簡単な表

Yahoo!ブックマークに登録




[PR] 横浜市 金沢区情報サイト!
▲ 当方が運営しているサイトです。横浜市 金沢区情報サイトは金沢区の情報を中心に紹介している地域サイトです。
横浜市 金沢区情報サイト!をよろしくお願いします。
Copyright (C) 初心者のブログ作成 HTMLタグ研究所! All Rights Reserved. |