The Web Developer Bootcamp 2023 セクション3/61
このチュートリアルでは、Webコンテンツの構造や書式設定に使用されるマークアップ言語であるHTMLの基本について説明します。HTML ファイルの作成方法、タグを使用したテキストのフォーマット、見出しやリストなどのさまざまな要素の追加方法を紹介します。また、HTMLの学習やトラブルシューティングに役立つリソースとして、Mozilla Developer Network（MDN）やChromeの開発者向けツールも紹介します。アンカータグ、画像、コメントなど、より高度な要素やテクニックもカバーします。HTMLの適切な構文と構造の重要性を強調し、チュートリアル全体を通して例と実演を提供します。
HTMLのスケルトンは、HTML文書の基本的な構造で、doctype、HTML要素、head要素、body要素で構成されています。doctype HTML は文書が HTML5 を使用していることを宣言し、HTML 要素は他のすべての要素を含むルート要素、head 要素は文書に関するメタデータと情報を含み、body 要素はページ上に表示されるすべての要素を含みます。head要素内のtitle要素は、ドキュメントのタイトルを定義し、検索エンジン最適化のために使用されます。
VS Codeの書式設定機能は、HTML文書の書式を自動的にクリーンアップすることができます。コマンドパレットやショートカットキーでアクセスでき、設定で保存時に自動的に整形するように設定することもできます。この機能により、コードを読みやすく、メンテナンスしやすくすることができます。
HTMLのリストは、順序付きと順序なしがあり、どちらのタイプもリスト内の1つの項目を表すリストアイテムを含んでいます。リストはHTMLで作成することができ、CSSを使ってリストの外観を変更することができます。アンカー要素は、HTML内でハイパーリンクを作成するために使用されます。リンク先はURLまたは他のHTML文書です。image要素は、HTML文書に画像を埋め込むために用いられ、画像の大きさはwidth属性やCSSで変更することができます。HTMLのコメントとは、ブラウザが無視し、ユーザーには表示されないメモやテキストのことです。これらは、コードにメモ、フィードバック、リマインダーを追加するために使用され、特定の構文を使用して追加することができます。
この記事が気に入ったらサポートをしてみませんか？