こんな人に読んで欲しい！
・プロフィールのような文字の調整のやり方を知りたい人
こんにちは、「なゆた」です！
今回は、「HTML」での「プロフィール風の文字表」の作り方についてを書きます。
皆さんは、Webサイトでプロフィールや会社概要を見たことはありますか？
また、「それらをどうやって作ったのかを知りたい」と思ったことはありませんか？
このようなものは、ただ文字を空白入りで打っているのではありません。全く違う手法で作っているのです。
なので今回は、その「プロフィール風の文字表」の作り方を皆さんにお教えします。
《主な使用タグ》
table・・・表組みを示す要素。一般的に表組みは、一覧表や年表など表の形にまとめる際に使用する。
tr・・・表組みの行を表す要素。tr 要素内には、セル内の見出しとして、th 要素か、データを格納するtd 要素を入れる。
th・・・データセルの見出しを示す要素。
td・・・データセルを示す要素。実際の表データはこの要素に入れる事になる。
①まず、＜table＞タグを入れます。
②次に、＜tr＞タグを入れて、その中に、横の配置方向を変更するalign 属性・縦の配置方向を変更するvalign 属性を入れます。
③その次に、＜th＞タグにプロフィールの質問・＜td＞タグにプロフィールの回答を入れます。そして、＜/tr＞タグで締めます。（＜th＞タグには、一応幅と高さも入れておきましょう。）
④それから②・③の作業を何回も繰り返して、最後に＜/table＞タグで締めて完成です！
完成例が、こちらです！
いかがでしたか？皆さんそれぞれのブログでも、プロフィール作りにこの記事を参考にしてみてください！
以上です、ありがとうございました！
コメント