ホームページ > 記事 > ウェブフロントエンド > HTML ドキュメントの基本_html/css_WEB-ITnose
HTML ドキュメントの基本_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 11:40:471297ブラウズ
1. HTML (Hyper Text Markup Language) は、ハイパーテキスト ドキュメントを作成するために使用される単純なマークアップ言語であり、Web ブラウザーで正しくコンパイルおよび実行できます。この記事では主に HTML ドキュメントの基本と共通タグを紹介します。この記事の内容の枠組みは次のとおりですが、最初に HTML ドキュメントの基本だけを紹介します:
HTML ドキュメントの共通タグのうち、マルチメディア タグが 1 つ減ります。上の写真には欠けていますが、ご容赦ください。
1.HTML ドキュメントの基本:
1.1 HTML マークアップ: HTML はハイパーテキスト マークアップ言語です。これは主に、テキストとマークアップの 2 つの部分で構成されます。 HTML タグは通常、「8a43c7dd0f94d2c178c3c05657689ef4」、およびそれらに含まれるタグ要素で構成されます。例: 6c04bd5ca3fcae76e30b72ad730ca86d36cc49f0c466276486e50c850b7e4956 このタグは body タグと呼ばれ、ドキュメントの主要なコンテンツを示すために使用されます。
(1). HTML ハイパーテキスト マークアップ言語では、ほとんどのタグはペアで表示され、通常は開始タグと終了タグで構成され、ここからタグの実行を開始するように指示されます。終了タグは、Web ブラウザにここで関数を終了するように指示します。このタイプのタグは「二重タグ」と呼ばれ、その構文形式は次のとおりです:
8bf259f5a6144433b921fb8b7de94970contentbaa3ea5ae7414741617ff7b18b3fb09e
「content」部分は、タグのペアの影響を受ける部分です。たとえば、ページ上で y の 2 乗を出力するには、2cdea26b4c3988e37d674b56660962a72eb235f530502820017cce1685312d59 タグを使用します。
(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 ハイパーテキスト マークアップ言語では、ほとんどのタグは「二重タグ」ですが、一部のタグは別の形式で存在し、そのようなタグは「単一タグ」と呼ばれます。このタイプのタグは、単独で使用するとその意味を完全に表現できます。構文形式は次のとおりです: 8bf259f5a6144433b921fb8b7de94970
HTML ハイパーテキスト マークアップ言語では、最も一般的に使用される「単一タグ」は 0c6dc11e160d3b678d68754cc175188a、このタグは改行マークです。実際、076402276aae5dbec7f672f8f4e5cc81 と記述することでも改行の効果を得ることができます。(4). 次は「単一マークアップ」の例です。通常、ページ上に 1 行のテキストが表示されるため、この場合、ページは非常に見苦しくなります。 、単一のマークアップを使用できます0c6dc11e160d3b678d68754cc175188a このテキストを 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). ほとんどの単一タグと二重タグの開始タグを使用する場合、構文形式は次のとおりです: 063b5b367b0fcef4dcc0f0685043fa70
上記構文では、すべての属性を山かっこ「<」の開始タグ「;」で囲み、各属性をスペースで区切ります。優先順位はありません。属性は省略することもできます(つまり、デフォルト値が使用されます)。属性値は英語の半角二重引用符（""）でマークする必要があります。
(6). 次に、単一タグ a9f5fb26aa3feaaa9b51b340a3f52b35 を使用して、そのサイズ属性、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) さまざまなタグの機能と使用法を以下に詳しく紹介します。
100db36a723c770d327fc0aef2ce13b1...73a6ac4ed44ffec12cee46588e518a5e の最初のタグ。 HTML ドキュメントの場合、このタグは、ドキュメントが HTML ドキュメントであることを示すために使用され、ブラウザが 100db36a723c770d327fc0aef2ce13b1 タグに遭遇すると、HTML 標準に従ってテキストを解釈します。終了タグ 73a6ac4ed44ffec12cee46588e518a5e は HTML ドキュメントの最後に表示されます。
? 93f0f5c25f18dab9d176bd4f6de5d30e...9c3bca370b5104690d9ef395f2c5f8d1标记：此标记出现在100db36a723c770d327fc0aef2ce13b1标记内起始的部分，此标记称为头部标记。头部标记用于提供与Web页面有关的各种信息。在头部标记中，可以使用e8e496c15ba93d81f6ea4fe5f55a2244标记模拟HTTP协议的响应头报文，用于鉴别作者、标注内容提要和关键字、设定页面字符集、刷新页面等，在HTML头部可以包括任意数量的e8e496c15ba93d81f6ea4fe5f55a2244标记；使用b2386ffb911b14667cb8f0f91ea547a7...6e916e0f7d1e588d4f442bf645aedb2f标记来指定网页的标题；使用c9ccee2e6ea535a969eb3f532ad9fe89...531ac245ce3e4fe3d50054a55f265927标记来定义CSS样式表；使用3f1c4e4b6b16bbbd69b2ee476dc4f83a...2cacc6d41bbb37262a98f745aa00fbf0标记来插入脚本语言等。一般来说，位于头部标记中的内容都不会在网页上直接显示。
? 6c04bd5ca3fcae76e30b72ad730ca86d...36cc49f0c466276486e50c850b7e4956标记：此标记称为主体标记，在头部标记9c3bca370b5104690d9ef395f2c5f8d1之后。它定义了HTML文件显示的主要内容和显示格式。作为网页的主体部分，此标记有很多内置属性，这些属性用于设定网页的总体风格。例如，定义页面的背景图像、背景颜色、文字颜色以及超文本链接颜色等。
(3).接下来附上一个使用240cb830ca84ebaabbd07850110b414d...e6e38b3c62e8df885fe2e3986461aa63标记的例子，240cb830ca84ebaabbd07850110b414d标记应用于HTML文件的主体标记6c04bd5ca3fcae76e30b72ad730ca86d与36cc49f0c466276486e50c850b7e4956之间，并且只影响它所标识的文字。
这里例子通过240cb830ca84ebaabbd07850110b414d标记的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到站点下，运行后如下：
这个例子中，使用了<和>来输出"33abac5f5e8ac9e2167dd683134404c5"这些符号，即在HTML中为一些特殊的字符设置了特殊的代码。字符的实体名称都以一个“&”符号开始，以一个“;”符号结束。在这个例子代码中，，特殊符号“e7139c17a1343ff0fec7f2cdb89f92d2”用>标记表示。其中还有很多特殊的代码，如 代表空格，"代表英文半角的""双引号等等。
二.此篇文章介绍了HTML文档的基础，HTML文档的常用标记下次再介绍了，以上内容仅供大家学习参考，写得不好，请见谅，如有错误，请指出，谢谢！
??
版权声明：本文为博主原创文章，未经博主允许不得转载。