HTMLとは?
HTMLは「HyperText Markup Language」の略で、ウェブページの構造と内容を作るためのマークアップ言語です。構造とは、見出し、段落、リスト、表、行、列などの文書構造が挙げられます。その構造の中にテキスト、画像、リンク、動画などのコンテンツを配置していきます。 「タグ」と呼ばれる記号を使って表現します。多くは開始タグと終了タグのペアになっています。 HTMLの基本...
HTMLは「HyperText Markup Language」の略で、ウェブページの構造と内容を作るためのマークアップ言語です。構造とは、見出し、段落、リスト、表、行、列などの文書構造が挙げられます。その構造の中にテキスト、画像、リンク、動画などのコンテンツを配置していきます。 「タグ」と呼ばれる記号を使って表現します。多くは開始タグと終了タグのペアになっています。 HTMLの基本...
最も基本的なHTMLコードの紹介です。 プログラミングではよく「Hello World!」が使われますが、なぜでしょう❓ その答えは、あなたもきっと、下記コードを実際にブラウザで表示できたときに実感するでしょう。 小さな成功は大きな一歩なのです。 コード <!DOCTYPE html> <html lang="ja"> <head> ...
情報を整理し、見やすく、理解しやすくしたいときに効果的な手法です。 長文や難解な文章は、項目として列挙したり、塊を分解してみたり、階層を作ったりして読みやすくしてみましょう。 コード <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8" /> <meta ...
リストに順番を付けたい場合に'ol'タグを使用します。 例えば、手順、ランキング、目次、時系列のイベントなど、順番が重要な場合に役に立ちます。 コード <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8" /> <meta name="viewport" c...
HTMLには、見出しの重要度に応じてh1からh6までの6段階の見出しタグがあります。h1が最も重要で、h6が最も重要度が低い見出しです。これらのタグは、ブラウザで表示される際に、デフォルトでは自動的に太字になり、上下に余白ができますが、CSSでカスタムすることが通常です。 コード <!DOCTYPE html> <html lang="ja"> <head> ...