2025年7月に投稿された記事一覧です。
リストに順番を付けたい場合に'ol'タグを使用します。 例えば、手順、ランキング、目次、時系列のイベントなど、順番が重要な場合に役に立ちます。 コード <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8" /> <meta name="viewport" c...
情報を整理し、見やすく、理解しやすくしたいときに効果的な手法です。 長文や難解な文章は、項目として列挙したり、塊を分解してみたり、階層を作ったりして読みやすくしてみましょう。 コード <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8" /> <meta ...
最も基本的なHTMLコードの紹介です。 プログラミングではよく「Hello World！」が使われますが、なぜでしょう❓ その答えは、あなたもきっと、下記コードを実際にブラウザで表示できたときに実感するでしょう。 小さな成功は大きな一歩なのです。 コード <!DOCTYPE html> <html lang="ja"> <head> ...
CSSは「Cascading Style Sheets」の略で、WebサイトやWebアプリのレイアウトやデザインを制御するスタイルシート言語です。 CSSを使うことで、HTMLの構造とデザインを分離でき、同じHTMLに対して異なるスタイルを適用したり、複数のページで一貫したデザインを保つことができます。 文字スタイルの例 h1 { color: blue; ...
HTMLとは「HyperText Markup Language」の略で、WEBページの構造と内容を作るためのマークアップ言語です。その構造とは、見出し、段落、リスト、表、行、列などの文書構造が挙げられます。さらに、その構造の中にテキスト、画像、リンク、動画などのコンテンツ（要素）を配置していきます。 「タグ」と呼ばれる記号を使って表現します。多くは開始タグと終了タグのペアになっています。...
