検索
ホームページウェブフロントエンドhtmlチュートリアルHTML の基礎: HTML_HTML/Xhtml_Web ページ作成の基本構造

HTML の基礎: HTML_HTML/Xhtml_Web ページ作成の基本構造

May 16, 2016 pm 04:45 PM
基本ベース属性書類ラベルマーク構造急行

HTMLの基本構造
ハイパーテキスト文書は文書ヘッダーと文書本文の 2 つの部分に分かれており、文書ヘッダーではこの文書に必要な定義が行われ、文書本文では表示されるさまざまな文書情報が記述されます。


ヘッド情報


文書本体、テキスト部分


は最外層にあり、このタグのペア間のコンテンツが HTML ドキュメントであることを示します。また、.html または .htm ファイルは Web ブラウザーのデフォルトで HTML ドキュメントになるため、一部のホームページでは タグが省略されています。 には、ドキュメント全体のタイトルなど、ドキュメントのヘッダー情報が含まれます。ヘッダー情報が必要ない場合、このタグは省略できます。 タグは通常省略されず、テキスト コンテンツの始まりを示します。
以下は、基本的なハイパーテキスト ドキュメントのソース コードです:

簡単な HTML の例



ようこそ







のホームページ ホームページを作るのは初めてですが、上手く作れるように頑張ります!




━┓
┃ファイルヘッダ
━┛
━┓



┃ファイル本体




━┛
ハイパーテキストにタグを付ける
初めてハイパーテキストに触れたとき、私が遭遇する最大の障害は、「」で囲まれたいくつかの文です。タグは、テキストのレイアウトとテキストを形成するためにテキストを分割し、マークするために使用される要素です。テキスト形式とカラフルな画像。
1. 単一タグ
特定のタグは、単独で使用するとその意味を完全に表現できるため、「単一タグ」と呼ばれます。

最も一般的に使用される単一タグは
で、これは改行を意味します。
2. 二重タグ
別のタイプのタグは「二重タグ」と呼ばれ、「開始タグ」と「終了タグ」の 2 つの部分で構成され、開始タグは Web ブラウザーに通知する必要があります。ここから開始するには、このタグで表される関数を開始し、tail タグは Web ブラウザにここで関数を終了するように指示します。開始タグの前にスラッシュ (/) を追加すると、末尾タグになります。このタイプのタグの構文は次のとおりです。
目次 标签> 「コンテンツ」部分は、このタグのペアの影響を受ける部分です。たとえば、特定のテキストの表示を強調表示したい場合は、このテキストを
タグに入れます。
1位: 3. ラベルの属性
多くの単一タグと二重タグには、最初のタグ内にいくつかの属性を含めることができます。構文は次のとおりです。

属性間に順序はなく、属性を省略することもできます (つまり、デフォルト値を使用します)。たとえば、単一マーク
は、ドキュメントの現在の位置に水平線を描画することを意味します。 、通常はウィンドウ内の現在の行の左端から右端まで描画します。いくつかの属性:

SIZE 属性は線の太さを定義し、属性値は整数で、欠落している場合は 1 です。ALIGN 属性は、LEFT (左揃え、デフォルト値)、CENTER (中央揃え)、RIGHT (右揃え) の配置を示します。 ); WIDTH 属性は行の長さを定義します。これは相対値 (「」のペアで構成されます) にすることができます。 記号で囲まれたパーセンテージは、ウィンドウ全体を占める相対的なパーセンテージを表します。または、絶対値 (WIDTH=300 などの整数で表される画面ピクセル数) を取ることもできます。デフォルト値は「100%」です。 。
声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
HTMLとコード:用語を詳しく見るHTMLとコード:用語を詳しく見るApr 10, 2025 am 09:28 AM

htmlisaspecifictypeofcodefocuseduructuringwebcontent

HTML、CSS、およびJavaScript:Web開発者に不可欠なツールHTML、CSS、およびJavaScript:Web開発者に不可欠なツールApr 09, 2025 am 12:12 AM

HTML、CSS、およびJavaScriptは、Web開発の3つの柱です。 1。HTMLは、Webページ構造を定義し、などなどのタグを使用します。2。CSSは、色、フォントサイズなどのセレクターと属性を使用してWebページスタイルを制御します。

HTML、CSS、およびJavaScriptの役割:コアの責任HTML、CSS、およびJavaScriptの役割:コアの責任Apr 08, 2025 pm 07:05 PM

HTMLはWeb構造を定義し、CSSはスタイルとレイアウトを担当し、JavaScriptは動的な相互作用を提供します。 3人はWeb開発で職務を遂行し、共同でカラフルなWebサイトを構築します。

HTMLは初心者のために簡単に学ぶことができますか?HTMLは初心者のために簡単に学ぶことができますか?Apr 07, 2025 am 12:11 AM

HTMLは、簡単に学習しやすく、結果をすばやく見ることができるため、初心者に適しています。 1)HTMLの学習曲線はスムーズで簡単に開始できます。 2)基本タグをマスターして、Webページの作成を開始します。 3)柔軟性が高く、CSSおよびJavaScriptと組み合わせて使用​​できます。 4)豊富な学習リソースと最新のツールは、学習プロセスをサポートしています。

HTMLでの開始タグの例は何ですか?HTMLでの開始タグの例は何ですか?Apr 06, 2025 am 12:04 AM

Anexampleapalofastartingtaginhtmlis、それはaperginsaparagraph.startingtagsaresentionentientiontheyinitiateelements、definetheirtypes、およびarecrucialforurturingwebpagesandcontingthomedomを構築します。

CSSのフレックスボックスレイアウトを使用して、メニューの点線のラインセグメンテーション効果のセンターアラインメントを実現する方法は?CSSのフレックスボックスレイアウトを使用して、メニューの点線のラインセグメンテーション効果のセンターアラインメントを実現する方法は?Apr 05, 2025 pm 01:24 PM

メニューで点線のラインセグメンテーション効果を設計する方法は?メニューを設計するときは、通常、皿の名前と価格の間に左右に合わせることは難しくありませんが、真ん中の点線またはポイントはどうですか...

オンラインコードエディターはコード入力を実装するためにどのようなHTML要素を使用していますか?オンラインコードエディターはコード入力を実装するためにどのようなHTML要素を使用していますか?Apr 05, 2025 pm 01:21 PM

WebコードエディターのHTML要素分析では、多くのオンラインコードエディターを使用すると、ユーザーはHTML、CSS、およびJavaScriptコードを入力できます。最近、誰かが提案した...

React static Page構成:React-AppReviredを使用したコード圧縮を避ける方法は?React static Page構成:React-AppReviredを使用したコード圧縮を避ける方法は?Apr 05, 2025 pm 01:18 PM

React-App-Recrowiredを使用して静的ページを構築するときにコード圧縮を回避する方法について多くの開発者が配信したい...

See all articles

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

WebStorm Mac版

WebStorm Mac版

便利なJavaScript開発ツール

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

SublimeText3 英語版

SublimeText3 英語版

推奨: Win バージョン、コードプロンプトをサポート!

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

DVWA

DVWA

Damn Vulnerable Web App (DVWA) は、非常に脆弱な PHP/MySQL Web アプリケーションです。その主な目的は、セキュリティ専門家が法的環境でスキルとツールをテストするのに役立ち、Web 開発者が Web アプリケーションを保護するプロセスをより深く理解できるようにし、教師/生徒が教室環境で Web アプリケーションを教え/学習できるようにすることです。安全。 DVWA の目標は、シンプルでわかりやすいインターフェイスを通じて、さまざまな難易度で最も一般的な Web 脆弱性のいくつかを実践することです。このソフトウェアは、