1. HTML (Hyper Text Markup Language) は、ハイパーテキスト ドキュメントを作成するために使用される単純なマークアップ言語であり、Web ブラウザーで正しくコンパイルおよび実行できます。この記事では主に HTML ドキュメントの基本と共通タグを紹介します。この記事の内容の枠組みは次のとおりですが、最初に HTML ドキュメントの基本だけを紹介します:
HTML ドキュメントの共通タグのうち、マルチメディア タグが 1 つ減ります。上の写真には欠けていますが、ご容赦ください。
1.HTML ドキュメントの基本:
1.1 HTML マークアップ: HTML はハイパーテキスト マークアップ言語です。これは主に、テキストとマークアップの 2 つの部分で構成されます。 HTML タグは通常、「」、およびそれらに含まれるタグ要素で構成されます。例:
このタグは body タグと呼ばれ、ドキュメントの主要なコンテンツを示すために使用されます。(1). HTML ハイパーテキスト マークアップ言語では、ほとんどのタグはペアで表示され、通常は開始タグと終了タグで構成され、ここからタグの実行を開始するように指示されます。終了タグは、Web ブラウザにここで関数を終了するように指示します。このタイプのタグは「二重タグ」と呼ばれ、その構文形式は次のとおりです:
「content」部分は、タグのペアの影響を受ける部分です。たとえば、ページ上で y の 2 乗を出力するには、 タグを使用します。
(2). 次に、「二重マークアップ」の例を添付し、Dreamweaver CS5 ツールを起動します。他のツールを使用して Web ページを作成することもできます。新しいプロジェクトの作成で HTML を選択し、「コード」に次のコードを記述します。 " window:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>输出y的平方</title></head><body>输出y的平方：y<sup>2</sup></body></html>
次に、新しいサイトを作成し、ツールバーでサイトをクリックし、次のように選択します:
次に、この Web ページをこのサイトに保存し、名前を sup.html に変更します。実行時の効果は次のとおりです。 :
(3). HTML ハイパーテキスト マークアップ言語では、ほとんどのタグは「二重タグ」ですが、一部のタグは別の形式で存在し、そのようなタグは「単一タグ」と呼ばれます。このタイプのタグは、単独で使用するとその意味を完全に表現できます。構文形式は次のとおりです:
、このタグは改行マークです。実際、
と記述することでも改行の効果を得ることができます。
(4). 次は「単一マークアップ」の例です。通常、ページ上に 1 行のテキストが表示されるため、この場合、ページは非常に見苦しくなります。 、単一のマークアップを使用できます
このテキストを 2 行に分割して表示します。 コードは次のとおりです。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>单标记</title></head><body>梦想遥不可及，但是不可放弃<br>只要再坚持一下，成功的路就在脚下！</body></html>それを JavaScript サイトに保存し、実行後、次のようになります。
(5). ほとんどの単一タグと二重タグの開始タグを使用する場合、構文形式は次のとおりです:
上記構文では、すべての属性を山かっこ「<」の開始タグ「;」で囲み、各属性をスペースで区切ります。優先順位はありません。属性は省略することもできます(つまり、デフォルト値が使用されます)。属性値は英語の半角二重引用符（""）でマークする必要があります。
(6). 次に、単一タグ
を使用して、そのサイズ属性、noshade 属性、width 属性を設定します。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>绘制一条水平线</title></head><body><hr size="6" noshade="noshade" width="70%" color="#CCFF55"></body></html>コード内の size 属性は水平線の太さを表し、noshade 属性は水平線の影の削除を表し、水平線はデフォルトで影のある中空の 3 次元効果に設定され、width 属性は水平線の影を削除することを表します。は横線の幅を表し、color属性は横線の色を表します。
このファイルをサイトに保存し、ファイル名を br.html に変更すると、実行結果は次のようになります:
(1). HTML ハイパーテキスト マークアップ言語では、ページの基本構造を記述するために 3 つのタグが定義されています。 HTML の基本的な構造は次のとおりです。
<html><head>...头部信息<body>...主体内容</body></head></html>(2) さまざまなタグの機能と使用法を以下に詳しく紹介します。
... の最初のタグ。 HTML ドキュメントの場合、このタグは、ドキュメントが HTML ドキュメントであることを示すために使用され、ブラウザが タグに遭遇すると、HTML 標準に従ってテキストを解釈します。終了タグ は HTML ドキュメントの最後に表示されます。
?
...标记：此标记出现在标记内起始的部分，此标记称为头部标记。头部标记用于提供与Web页面有关的各种信息。在头部标记中，可以使用标记模拟HTTP协议的响应头报文，用于鉴别作者、标注内容提要和关键字、设定页面字符集、刷新页面等，在HTML头部可以包括任意数量的标记；使用?
...标记：此标记称为主体标记，在头部标记之后。它定义了HTML文件显示的主要内容和显示格式。作为网页的主体部分，此标记有很多内置属性，这些属性用于设定网页的总体风格。例如，定义页面的背景图像、背景颜色、文字颜色以及超文本链接颜色等。(3).接下来附上一个使用...标记的例子，标记应用于HTML文件的主体标记与之间，并且只影响它所标识的文字。
这里例子通过标记的face属性定义字体为“黑体”，通过size属性定义大小为“16px”，通过color定义颜色为蓝色，代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>定义文字字体</title></head><body>应用<font>标记来定义文字字体：<br><font face="黑体,宋体" size="16px" color="#3399FF">蓝色的天空下，让我们一起飞翔！</font></body></html>
保存此文件为font.html到站点下，运行后如下：
这个例子中，使用了67bffed8d39c986beaddeed3e8cd5568来输出""这些符号，即在HTML中为一些特殊的字符设置了特殊的代码。字符的实体名称都以一个“&”符号开始，以一个“;”符号结束。在这个例子代码中，，特殊符号“
二.此篇文章介绍了HTML文档的基础，HTML文档的常用标记下次再介绍了，以上内容仅供大家学习参考，写得不好，请见谅，如有错误，请指出，谢谢！
??
版权声明：本文为博主原创文章，未经博主允许不得转载。
テキストからウェブサイトへ：HTMLの力Apr 13, 2025 am 12:07 AMHTMLは、Webページを構築するために使用される言語であり、タグと属性を使用してWebページの構造とコンテンツを定義します。 1）htmlは、などのタグを介してドキュメント構造を整理します。 2）ブラウザはHTMLを分析してDOMを構築し、Webページをレンダリングします。 3）マルチメディア関数を強化するなど、HTML5の新機能。 4）一般的なエラーには、閉じられていないラベルと引用されていない属性値が含まれます。 5）最適化の提案には、セマンティックタグの使用とファイルサイズの削減が含まれます。
HTML、CSS、およびJavaScriptの理解：初心者向けガイドApr 12, 2025 am 12:02 AMwebdevelopmentReliesOnhtml、css、andjavascript：1）htmlStructuresContent、2）cssStylesit、および3）Javascriptaddsinteractivity、形成、
HTMLの役割：Webコンテンツの構造Apr 11, 2025 am 12:12 AMHTMLの役割は、タグと属性を使用してWebページの構造とコンテンツを定義することです。 1。HTMLは、読みやすく理解しやすいようなタグを介してコンテンツを整理します。 2。アクセシビリティとSEOを強化するには、セマンティックタグなどを使用します。 3. HTMLコードの最適化により、Webページの読み込み速度とユーザーエクスペリエンスが向上する可能性があります。
HTML、CSS、およびJavaScript：Web開発者に不可欠なツールApr 09, 2025 am 12:12 AMHTML、CSS、およびJavaScriptは、Web開発の3つの柱です。 1。HTMLは、Webページ構造を定義し、などなどのタグを使用します。2。CSSは、色、フォントサイズなどのセレクターと属性を使用してWebページスタイルを制御します。
HTML、CSS、およびJavaScriptの役割：コアの責任Apr 08, 2025 pm 07:05 PMHTMLはWeb構造を定義し、CSSはスタイルとレイアウトを担当し、JavaScriptは動的な相互作用を提供します。 3人はWeb開発で職務を遂行し、共同でカラフルなWebサイトを構築します。
HTMLは初心者のために簡単に学ぶことができますか？Apr 07, 2025 am 12:11 AMHTMLは、簡単に学習しやすく、結果をすばやく見ることができるため、初心者に適しています。 1）HTMLの学習曲線はスムーズで簡単に開始できます。 2）基本タグをマスターして、Webページの作成を開始します。 3）柔軟性が高く、CSSおよびJavaScriptと組み合わせて使用できます。 4）豊富な学習リソースと最新のツールは、学習プロセスをサポートしています。
HTMLでの開始タグの例は何ですか？Apr 06, 2025 am 12:04 AMAnexampleapalofastartingtaginhtmlis、それはaperginsaparagraph.startingtagsaresentionentientiontheyinitiateelements、definetheirtypes、およびarecrucialforurturingwebpagesandcontingthomedomを構築します。
ホットAIツール
Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ
AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。
Undress AI Tool
脱衣画像を無料で
Clothoff.io
AI衣類リムーバー
AI Hentai Generator
AIヘンタイを無料で生成します。
人気の記事
ホットツール
MantisBT
Mantis は、製品の欠陥追跡を支援するために設計された、導入が簡単な Web ベースの欠陥追跡ツールです。 PHP、MySQL、Web サーバーが必要です。デモおよびホスティング サービスをチェックしてください。
メモ帳++7.3.1
使いやすく無料のコードエディター
MinGW - Minimalist GNU for Windows
このプロジェクトは osdn.net/projects/mingw に移行中です。引き続きそこでフォローしていただけます。 MinGW: GNU Compiler Collection (GCC) のネイティブ Windows ポートであり、ネイティブ Windows アプリケーションを構築するための自由に配布可能なインポート ライブラリとヘッダー ファイルであり、C99 機能をサポートする MSVC ランタイムの拡張機能が含まれています。すべての MinGW ソフトウェアは 64 ビット Windows プラットフォームで実行できます。
PhpStorm Mac バージョン
最新(2018.2.1)のプロフェッショナル向けPHP統合開発ツール
SublimeText3 中国語版
中国語版、とても使いやすい
