日々のこと

HTMLやCSSのことも書いています。

今日のお弁当

お題「今日のお弁当」ほとんどコンビニのお弁当を食べています! (お弁当というよりカップラーメンやおにぎりで、たまにお弁当を買っています) コンビニでよく買うご飯 よく買うカップラーメン 振り返ってみた感想 コンビニでよく買うご飯 コンビニでよく…

ホンマでっかTVで観た眠気を覚ます方法

ホンマでっかTVという番組で眠気を覚ます方法について紹介されていました! 眠くなった時に試してみようと思っています。 ホンマでっかTVで紹介されていた眠気を覚ます方法 眠気が覚める理由 今までしていた眠気を覚ます方法 ホンマでっかTVで紹介されていた…

ダブルレクタングルにする方法のメモ

はてなブログで広告のコードをダブルレクタングルにする方法のメモです。 調べてみるといろいろな書き方がありました! 今回ははてなブログで記事下の広告をダブルレクタングルにする方法の1つについて書いていきます。 ダブルレクタングルにする書き方 下記…

表を横に結合する方法

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タグについて それぞれのタグを使って表にした例 まとめ tdタグthタグtrタグの違いについて それぞれのタグの意味についてや違いについて書いてみました。 tdタグとは ・セ…

鍋といえば思い浮かぶ鍋

お題「鍋といえば」 鍋といえば 人気らしい鍋 聞いたことがなかった鍋 テレビで見ておいしそうだと思った鍋 まとめ 鍋といえば 鍋と言えば、 ・辛い系の鍋 ・寄せ鍋 ・牛肉のしゃぶしゃぶ などが思い浮かびました。それと、最近気になった鍋がいくつかあるの…

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

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