「ボタンってどうやってつくるの？」 「どうやったらいいボタンができるの？」 Webサイトでも、スマートフォンアプリでもよく見かけるボタンは、簡単に作成が可能です。そのため、制作に慣れた人も、「ボタン」について更に学ぶ知識…

「formタグやinputタグがいまいちわからない・・」 「フォームの作成で、最低限知っておかないといけないことは何なの?」 これは、HTMLで始めてフォームをデザインする人が必ず直面する問題です。 これまでWebデザイ…

「要素を横並びに配置したいんだけど、レイアウトが崩れてしまう。」 「floatだけだと、使い勝手が悪い。他に横並びの方法はないのだろうか。」 Webデザインを学んでいると、要素を横並びにする場面が出てきます。特に、spa…

「CSSのpositionってどう使っていいかわからない。」 「スマホで見たときにレイアウトが崩れていた。正直、CSSのpositionは使いづらい」 これは始めたばかりの人にとっては自然な印象です。どのサイトにも、「使…

「brタグ(改行で使用するタグ)で改行したけど、スマホで見た時に、文章がバラバラになったけど、上手い解決はないの？」 「brタグってあまり使わない方がいいって聞いたけど、本当? でも、そうなら、どうしたら改行できるの?」…

「コメントアウトって意味あるの?　単なるメモでしょ。」 「コメントアウト」ってどんなときに使うの？ これらは、HTMLのコードを書き始めた人が必ず感じる疑問の一つです。コメントを残すことを「個人的なメモ書き」程度に認識し…

　リンクは、サイトのいろいろなところで使われています。日本で最も有名な「Yahoo Japan」のサイトは、リンクだらけです。それ以外にもバナー広告など挙げればキリがないですね。 これを作るのが「アンカータグ(aタグ)」…

「正しくパスを書いたのに画像が表示されない」 「画像の配置をどう調整すればいいの」 そう思ったあなたにぜひ見てもらいたい記事です。 画像のない文章はつまらないので、Webサイトの制作ではHTML上で「imgタグ」を頻繁に…

スタイルシートに記述したコードを読み込ませる前にブラウザがデフォルトで持つCSSをリセットする用途でリセットCSSは用いられています。 今回はリセットCSSの基本的なことから自作する手順まで説明します。リセットCSSでリ…

htmlで表を作るときはtableタグを使います。 tableタグはシンプルな仕組みで簡単に扱う事ができますが、使う場面がそこまで多くないので記述の仕方を忘れている方もいるかと思います。 このページでは、tableタグの…