"use strict"; const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; function _createMdxContent(props) { const _components = { code: "code", h2: "h2", li: "li", p: "p", pre: "pre", ul: "ul", ..._provideComponents(), ...props.components }; return _jsxs(_Fragment, { children: [_jsx(_components.p, { children: "HTMLは、HyperText Markup Languageの略で、ウェブページを作成するための標準マークアップ言語です。HTMLを使用することで、テキストコンテンツに「マークアップ」を追加し、文書の構造を定義したり、リンク、画像、リスト、テーブルなどのウェブページの要素を指定することができます。" }), "\n", _jsxs(_components.p, { children: ["HTMLドキュメントは、タグと呼ばれる特別なテキストで構成されています。これらのタグは、通常、開始タグ", _jsx(_components.code, { children: "" }), "と終了タグ", _jsx(_components.code, { children: "" }), "のペアでコンテンツを囲みます。例えば、", _jsx(_components.code, { children: "

" }), "は段落を示し、", _jsx(_components.code, { children: "" }), "はアンカー（リンク）を示します。"] }), "\n", _jsx(_components.p, { children: "HTMLの基本構造は以下のようになります：" }), "\n", _jsx(_components.pre, { children: _jsx(_components.code, { className: "language-html", children: "\n\n \n ページのタイトル\n \n \n

これは見出しです

これは段落です。

\n これはリンクです\n \n\n" }) }), "\n", _jsxs(_components.ul, { children: ["\n", _jsxs(_components.li, { children: [_jsx(_components.code, { children: "" }), ": ドキュメントタイプ宣言で、ブラウザにこのドキュメントがHTML5であることを知らせます。"] }), "\n", _jsxs(_components.li, { children: [_jsx(_components.code, { children: "" }), ": HTMLドキュメントのルート要素を示します。"] }), "\n", _jsxs(_components.li, { children: [_jsx(_components.code, { children: "" }), ": ドキュメントのメタデータ（タイトル、スタイルシートのリンク、スクリプトなど）を含むセクション。"] }), "\n", _jsxs(_components.li, { children: [_jsx(_components.code, { children: "" }), ": ブラウザのタイトルバーやページタブに表示されるページのタイトルを指定します。"] }), "\n", _jsxs(_components.li, { children: [_jsx(_components.code, { children: "<body>" }), ": 実際にブラウザに表示されるページの内容を含むセクション。"] }), "\n"] }), "\n", _jsx(_components.p, { children: "HTMLはウェブの基盤となる技術であり、CSS（Cascading Style Sheets）やJavaScriptと組み合わせることで、見た目や動作をカスタマイズしたり、インタラクティブなウェブページを作成することができます。" }), "\n", _jsx(_components.h2, { children: "HTMLには、下記のタグがあります" }), "\n", _jsxs(_components.ul, { children: ["\n", _jsx(_components.li, { children: "header" }), "\n", _jsx(_components.li, { children: "nav" }), "\n", _jsx(_components.li, { children: "main" }), "\n", _jsx(_components.li, { children: "article" }), "\n", _jsx(_components.li, { children: "section" }), "\n", _jsx(_components.li, { children: "aside" }), "\n", _jsx(_components.li, { children: "footer" }), "\n", _jsx(_components.li, { children: "h1,h2,h3,h4,h5,h6,p,search,section,strong" }), "\n", _jsx(_components.li, { children: "div,span" }), "\n"] })] }); } function MDXContent(props = {}) { const {wrapper: MDXLayout} = { ..._provideComponents(), ...props.components }; return MDXLayout ? _jsx(MDXLayout, { ...props, children: _jsx(_createMdxContent, { ...props }) }) : _createMdxContent(props); } return { default: MDXContent }; </article></body></html>

HTML について