HTML

セルの縦や横の一部分を結合した表

使うことがあるかもしれないセルの縦や横の一部分を結合した表です。 表の一部分を結合させてテキストの表示を中央揃えなどにしています。 セルの縦の一部分を結合した表 セルの横の一部分を結合した表 まとめ セルの縦の一部分を結合した表 rowspanを使って…

表を横に結合する方法

HTMLでtableタグなどで作った表を横に結合する方法です。 表を横に結合するには 結合したセルの中のテキストの位置を中央に表示したい場合 まとめ 表を横に結合するには 表を横に結合するにはcolspanを使います。 <table border="1"> <tr> <td colspan="3">テキスト</td> </tr> <tr> <td>テキスト</td> <td>テキスト</td> <td>テキスト</td> </tr> <tr> <td></td></tr></table>…

表を縦に結合する方法

HTMLでtableタグなどで作った表を縦に結合する方法です。 表を縦に結合するには 表を横に結合する場合 まとめ 表を縦に結合するには 表を縦に結合するにはrowspanを使います。 下記の表を書きかえてみます。 <table border="1"> <tr> <td>テキスト</td> <td>テキスト</td> <td>テキスト</td> </tr> <tr> <td>テキスト</td> <td>テキス</td></tr></table>…

divタグを使って中央に表示させる方法

divタグを使って中央に表示させる方法について divタグの意味とは divタグを使って中央に表示させるには 中央に表示させた場合 まとめて中央に表示させる方法 テキスト以外のものも中央に表示することができるかについて まとめ divタグを使って中央に表示さ…

表に色をつける方法

表に色をつけるには 列ごとに色を変えるには まとめ 表に色をつけるには tableタグ内に「bgcolor」の記述を行うことで、表に色をつけることができる。 <table bgcolor="">「""」の中には色の指定を行う記述をする。黄色に指定した場合 <table bgcolor="yellow"> <tr> <th>商品名</th> <th>個数</th> <th>価格</th> </tr> <tr> <td>パン</td> <td>10</td> <td>100円</td> </tr> <tr> <td>お</td></tr></table></table>…

tableタグを使った表の作り方

HTMLでtableタグを使って表を作る方法です。 今回はtableタグ、thタグ、tdタグ、trタグで表を作っています。 タグを使って作った表 見出し部分のセルを結合させたい場合 まとめ タグを使って作った表 見出しのある表です。thタグで囲んだ部分が見出しとなり…

表に枠線をつける方法

tableタグで作った表に枠線をつける方法について 数字を指定していない場合 数字を指定した場合 まとめ tableタグで作った表に枠線をつける方法について <table border="〇">の〇の部分に数字を指定することで、枠線をつけることができる。 (数字を変えることで枠線の太さが変</table>…

tableタグで作った表がうまく表示されないときの原因と対処法

tableタグで作った表がうまく表示されないとき 上手く表示されない場合(tableタグがない場合) 上手く表示されない場合(trタグがない場合) tableタグとtrタグがある場合(ない場合との比較) まとめ tableタグで作った表がうまく表示されないとき HTMLでt…

tableタグを使った表の行や列の増やし方

tableタグを使った表の行や列の増やし方について 行を増やす場合 列を増やす場合 まとめ tableタグを使った表の行や列の増やし方について tableタグを使って作成した表の行や列の増やし方です。(例) <table> <tr> <th>見出しテキスト</th> <th>見出しテキスト</th> <th>見出しテキスト</th> </tr> <tr> <td>通</td></tr></table>…

tdタグthタグtrタグの違い

tdタグthタグtrタグの違いについて tdタグとは thタグとは tdタグとthタグの違い trタグについて それぞれのタグを使って表にした例 まとめ (adsbygoogle = window.adsbygoogle || []).push({}); tdタグthタグtrタグの違いについて それぞれのタグの意味につ…

左揃え、右揃え、中央揃えにする方法

左揃え、右揃え、中央揃えにする方法 テキストなどの位置を変えるには セル内のテキストを揃える場合 まとめ 左揃え、右揃え、中央揃えにする方法 HTMLを書いていて、テキストなどを「左揃え、右揃え、中央揃え」にしたい というときがありますが、その方法…

マーカーを引いたようなデザインにする方法

マーカーを引いたようなデザインにする方法について マーカーを引いたような装飾にするには 書く場所について 色を変える方法 太さを変える方法 bタグ以外で使う方法 黄色い線にする方法 緑色の線にする方法 まとめ マーカーを引いたようなデザインにする方…

CSSがうまく反映されないときの原因と対処法

CSSがうまく反映されないときの原因と対処法 記述のミス 書く場所の間違い CSSの優先順位の関係でうまく反映されない 記述は正しいのに古いキャッシュを読み込んでいて反映されない CSSがうまく反映されないときの対処法 まとめ CSSがうまく反映されないとき…

rel="nofollow"についてと使い方

rel="nofollow"についてと使い方 rel="nofollow"とは rel="nofollow"を使うとどうなるか rel="nofollow"を使うときの一例 rel="nofollow"の使用例 まとめ rel="nofollow"についてと使い方 rel="nofollow"とは何かについてや、 その使い方について書いていこ…

強調タグの意味と違いと使い方

強調タグの意味と使い方と違い 強調タグのそれぞれの意味 強調タグのそれぞれのタグの違い bタグとstrongタグの違い iタグとemタグの違い 強調のタグのそれぞれの使い方 まとめ 強調タグの意味と使い方と違い 文字を強調するときに使うタグについて書いてみ…

見出しタグを使うときの注意点

見出しタグを使うときの注意点 見出しタグの順番を守る 見出しの場合に使う 見出しタグ「h1」は1ページに1つ程度にする まとめ 見出しタグを使うときの注意点 関連記事 www.hibinokoto01.com見出しタグ(h1~h6)を使うときの注意点をいくつか書いてみまし…

(h1~h6)見出しタグの一覧と順番や使い方

見出しタグ一覧と順番や使い方について 見出しタグの一覧と順番 見出しタグの使い方 まとめ 見出しタグ一覧と順番や使い方について よく使うタグの一つの見出しタグ(h1~h6)についてと見出しタグの順番や 使い方について書いてみました。 見出しタグの一覧…

HTML5で新規ページをつくるときのテンプレート

HTML5で新規ページをつくるときのテンプレート HTML5の新規ページテンプレート 言語と文字コードの指定 IE8以下でもHTML5を表示できるようにする記述 HTML4とHTML5を比べた感想 まとめ HTML5で新規ページをつくるときのテンプレート HTML5で新規ページをつく…

HTMLのよく使うタグとテキスト関連のタグ

HTMLのよく使うタグ HTMLのほぼ毎回使うタグ HTMLのよく使うテキスト関連のタグ まとめ HTMLのよく使うタグ HTMLのほぼ毎回使うタグや、段落などのテキスト関連でよく使うタグを 書いてみました。 HTMLのほぼ毎回使うタグ titleなどのほぼ毎回使うタグです。…