HTML ドキュメントの基本_html/css_WEB-ITnose-htmlチュートリアル-php.cn

ホームページ

ウェブフロントエンド

htmlチュートリアル

HTML ドキュメントの基本_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 24, 2016 am 11:40 AM

1. HTML (Hyper Text Markup Language) は、ハイパーテキストドキュメントを作成するために使用される単純なマークアップ言語であり、Web ブラウザーで正しくコンパイルおよび実行できます。この記事では主に HTML ドキュメントの基本と共通タグを紹介します。この記事の内容の枠組みは次のとおりですが、最初に HTML ドキュメントの基本だけを紹介します:

HTML ドキュメントの共通タグのうち、マルチメディアタグが 1 つ減ります。上の写真には欠けていますが、ご容赦ください。

1.HTML ドキュメントの基本:

1.1 HTML マークアップ: HTML はハイパーテキストマークアップ言語です。これは主に、テキストとマークアップの 2 つの部分で構成されます。 HTML タグは通常、「<」、「>」、およびそれらに含まれるタグ要素で構成されます。例: このタグは body タグと呼ばれ、ドキュメントの主要なコンテンツを示すために使用されます。

(1). HTML ハイパーテキストマークアップ言語では、ほとんどのタグはペアで表示され、通常は開始タグと終了タグで構成され、ここからタグの実行を開始するように指示されます。終了タグは、Web ブラウザにここで関数を終了するように指示します。このタイプのタグは「二重タグ」と呼ばれ、その構文形式は次のとおりです:

content

「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 ハイパーテキストマークアップ言語では、ほとんどのタグは「二重タグ」ですが、一部のタグは別の形式で存在し、そのようなタグは「単一タグ」と呼ばれます。このタイプのタグは、単独で使用するとその意味を完全に表現できます。構文形式は次のとおりです:

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). ほとんどの単一タグと二重タグの開始タグを使用する場合、構文形式は次のとおりです: <タグ属性 1 属性 2 属性 3...>

上記構文では、すべての属性を山かっこ「<」の開始タグ「;」で囲み、各属性をスペースで区切ります。優先順位はありません。属性は省略することもできます(つまり、デフォルト値が使用されます)。属性値は英語の半角二重引用符（""）でマークする必要があります。

(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.2 HTML ドキュメントの基本構造: で記述されたハイパーテキストファイルHTML言語はHTMLファイルと呼ばれます。 Windows のテキストエディタで HTML ファイルを直接手動で作成することも、FrontPage や Dreamweaver などのビジュアル編集ソフトウェアを使用して HTML ドキュメントを作成することもできます。

(1). HTML ハイパーテキストマークアップ言語では、ページの基本構造を記述するために 3 つのタグが定義されています。 HTML の基本的な構造は次のとおりです。

<html><head>...头部信息<body>...主体内容</body></head></html>

ログイン後にコピー

(2) さまざまなタグの機能と使用法を以下に詳しく紹介します。

... の最初のタグ。 HTML ドキュメントの場合、このタグは、ドキュメントが HTML ドキュメントであることを示すために使用され、ブラウザがタグに遭遇すると、HTML 標準に従ってテキストを解釈します。終了タグは HTML ドキュメントの最後に表示されます。

? ...标记：此标记出现在标记内起始的部分，此标记称为头部标记。头部标记用于提供与Web页面有关的各种信息。在头部标记中，可以使用标记模拟HTTP协议的响应头报文，用于鉴别作者、标注内容提要和关键字、设定页面字符集、刷新页面等，在HTML头部可以包括任意数量的标记；使用...标记来指定网页的标题；使用标记来定义CSS样式表；使用<script>...</script>标记来插入脚本语言等。一般来说，位于头部标记中的内容都不会在网页上直接显示。

? ...标记：此标记称为主体标记，在头部标记之后。它定义了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>应用&lt;font&gt;标记来定义文字字体：<br><font face="黑体,宋体" size="16px" color="#3399FF">蓝色的天空下，让我们一起飞翔！</font></body></html>

ログイン後にコピー

保存此文件为font.html到站点下，运行后如下：

这个例子中，使用了<和>来输出"<"和">"这些符号，即在HTML中为一些特殊的字符设置了特殊的代码。字符的实体名称都以一个“&”符号开始，以一个“;”符号结束。在这个例子代码中，，特殊符号“<”用<标记表示，特殊符号“>”用>标记表示。其中还有很多特殊的代码，如代表空格，"代表英文半角的""双引号等等。

二.此篇文章介绍了HTML文档的基础，HTML文档的常用标记下次再介绍了，以上内容仅供大家学习参考，写得不好，请见谅，如有错误，请指出，谢谢！

このウェブサイトの声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。