HTML_Power Node Java Academyとは？

HTMLの歴史。 

HTMLとは、英語でHypertext Marked Languageを意味し、ハイパーテキスト文書を作成するための簡単なマークアップ言語で、1990年にWEBの発明者ティム・バーナーズ＝リーとその同僚ダニエル・W・コノリーによってマークアップ言語として作成されたものである。Standard Generalized Markup Language SGMLを応用したものである。

HTMLで書かれたハイパーテキスト文書はHTML文書と呼ばれ、様々なOSのプラットフォーム（UNIX、WINDOWSなど）に依存しないのが特徴です。HTMLでは、表現すべき情報を一定の規則に従ってHTMLファイルとして記述し、専用のブラウザで認識させ、広く理解されている言語、すなわちすべてのコンピュータが理解できる出版のための"ネイティブ言語"で認識可能な情報に翻訳する。これが、現在のWebの姿です。 1990年以降、WWW（World Wide Webの略、WEBとも呼ばれる、中国語では環球網と呼ばれる）の情報表現言語として、ホームページのフォーマットやWWW上の他のホームページへのリンクを記述するために、HTMLが使用されるようになった。HTMLで記述された文書は、WWWブラウザで表示させなければ結果が得られない。

HTML（Hypertext Markup Language）は、タグによる指示で画像、音声、写真、テキスト、アニメーション、ムービーなどのコンテンツを表示するWebドキュメントを作成するための言語である。あるファイルから別のファイルへジャンプできるため、世界中のホストからファイルと接続される。ハイパーテキスト転送プロトコルは、ブラウザがハイパーテキストを実行する際に従うルールと実行する操作を規定しています。HTTPプロトコルは、ブラウザがハイパーテキストを実行する際のルールと標準を統一するために開発されました。

ハイパーテキストは、画像、音声、アニメーション、映画などを含むことができるため、いわゆる「ハイパーテキスト」です。実際には、すべてのHTML文書は、プログラミング言語ではなく、Webページに表示される情報の位置をレイアウトするためのマークアップ構造言語であるHTML命令コードを含む静的なWebページのファイルであり、学び、理解するのは簡単、非常にシンプル。ハイパーテキストの技術をもたらすことです---マウスをクリックすると、ある話題から別の話題に、1ページから別のページに世界中のホスト文書へのリンクでジャンプすることができます。直接获得相关的主题，如下所示。

通过汉路可以表现出丰富多的设计风格：。

图片调用：图片调用
文字格式 文字

通过汉门可以实现页面之间的跳转：。　

页面跳转：〈AREF="文件路径/文件名">　

通过汉路可以展开现多媒体的效果:。　

声频
视频：

从上面我们可以看到HTML超文本文件时需要用到的一个标签。 在HTML中每个用来作标签的都是一条命令、它告诉浏览器如显示文本；这些标签均由"；<；"；和和和諧器艺奇；>；"；符号有一个符贴成组。而览功能是对这些记进行解释，显示出文字，动画，播放声音，これらのタグ記号は " で表されます。 <タグ "です。

HTMLは単なるプレーンテキストファイルです。HTMLエディターはTHML文書を生成し保存するためのアプリケーションで、WEBブラウザはWEBのウェブファイルを開き、WEBリソースを見る機能を提供するためのクライアントプログラムです。

HTML文書はプレーンテキストファイルです（任意のテキストライターで書くことができます）。例えば、HTML言語は、通常のテキストエディタで直接編集することができます。

HTMLの力。

1. 見出し、テキスト、表、リスト、写真などを含むオンラインドキュメントを公開することができます。
2. ハイパーリンクを通じてオンラインで情報を取得する。
3. リモートサービスへのアクセス、情報の取得、製品の注文などのために設計されたフォーム。
4. 表計算ソフト、ビデオクリップ、サウンドクリップ、その他のアプリケーションを直接文書に含めることができます。

HTMLが広く普及したこと。 

World Wide Webの文書はすべて、ハイパーテキストマークアップ言語であるHTMLによって作成されています。この言語では、さまざまなマークアップを使用して文書を操作することができます。これらのタグは、文書の外観、構造、内容の双方向性を決定します。これらのタグに共通しているのは、段落タグのような "<>" が使用されている点です。

画像タグ といった具合に。

HTMLタグはブラウザでは見えませんが、ブラウザで見るWebページの効果は、このタグによって生み出されています。FrontPageなどのソフトウェアでは、HTMLの処理は裏で行われ、言語の複雑さを見えなくしているので、ほとんどの場合、サイトを作成する際にHTMLマークアップをマスターする必要はありません。 WebページのHTMLマークアップを確認する必要がある場合は、HTMLモードを選択するとよいでしょう。

現在、ほとんどのWebページは、Dreamweaverやwebstormなど、いくつかの専門的なWebオーサリングツールを使って作成されています。これらのツールはWYSIWYGで、とても便利です。しかし、これらのツールを知っているだけで十分と考えるべきではありません。より良い、よりプロフェッショナルな結果を得るためには、多くの場合、手作業でHTMLコードを調整する必要があるのです。

 HTMLの定義を理解した上で、言語を学びましょう。   

I. なぜHTMLを学ばなければならないのですか？

webstorm、Adobe Pagemill、Micromedia Dreamweaverなどの編集ツールは、WYSIWYGツールと呼ばれ、ウェブページの作成が非常に簡単にできるようになりました。これらのグラフィカルな開発ツールは、手間のかかるマークアップを書くことなく、直接Webページを扱うことができます。そのため、HTML言語の基本的な知識がなくても、Webページを書くことができます。このとき、HTML文書を書く作業は開発ツールが代行してくれます。これはWebグラフィック編集ツールの最大の成功点であると同時に、最大の欠点でもある。グラフィック編集ツールそのものに制約されるため、ジャンクコードが大量に生成されることになる。理由は単純で、例えば：テーブルのWebデザインでは、各セルの幅と高さが自動的に限り、あなたはそれがテーブルとセルの配置順序（つまり、行数）行に伝えるようにHTMLを決定するの内容に応じてそれを聞かせて、しかし、グラフィック開発ツールがこの種のあなたの特別な要件を知ることができないので、あなただけの一般的な要件を取ることができる、各セルの幅と高さが多くのコードを追加して定義されていますアップしているため。だから、賢明なWebページのライターはさらに、我々はに迅速にWebページを作るためにグラフィカルなHTML開発ツールを使用できるように、それらがゴミコードであることを知っているように、グラフィック編集ツールを習得に基づいてHTML言語を学ぶ必要があり、このように迅速に高品質のWebページを作るという目的を達成し、役に立たないコードを排除されます。

そのため、HTML言語はWeb制作の基礎であり、初心者には必須の言語です。WYSIWYGのWebオーサリングツールは数多くありますが、結局のところ、ある程度のHTML構文を知っておくことが必要なのです。そうすることで、より精密にページのレイアウトをコントロールすることができ、より高機能なものを実現することができるのです。

II. HTMLはどのように使うのですか？

HTMLとは、Hyper Text Markup Languageの略で、マークアップ言語として特定の記号と構文で構成されているため、非常に理解しやすく習得しやすい言語として知られています。HTMLは、あらゆるコンピュータ・プログラミング言語の中で、最も習得しやすい言語であると言える。HTMLを構成する文書はASCIIファイルなので、HTMLファイルの作成は非常に簡単で、一般的な文字エディタがあればよい。例えば、Windowsのメモ帳やライティングパッドなどが利用できます。また、CoffeeHTML、Homesite、HTMLedit Proなど、HTML文書内の構文の誤りを自動的にチェックして修正を支援する機能を備えた特殊なHTML編集ツールも利用できます。グラフィカルなHTML開発ツールのおかげで、HTMLを学ぶのは簡単です、我々は最初に良いWebページを作成するためにそれを使用することができますし、その付属のHTMLコードエディタで、そのWYSIWYG機能を使用して、それらの役に立たないコードを削除するので、我々はすぐにHTMLを習得することができること。Dreamweaver4では、ソースコードエディタとウェブエディタを同じウィンドウに置くことができるので、本当に便利です。 　

III. HTMLの基本概念

1. 定義

HTML言語とは、ハイパーテキストマークアップ言語のことで、簡単に言えば、見出し、段落、リストなどのテキスト単位、画像、音声、その他の要素を一定の標準要件に従って表示するために構築するマークアップ記号と構文規則のセットである。

2、ハイパーテキストマークアップ

1) ハイパーテキストマーカーは "<" と ">" で示され、先の尖った括弧で囲まれています。

2) ハイパーテキストタグは一般に対になって現れ、スラッシュの付いた要素で終了する。例：＜html＞と＜/html＞。ただし、Webページの改行を示す＜BR＞のように終了タグがなく開始タグのみのものや、段落の終了タグ＜/P＞のように省略可能なものもあります。

3) ハイパーテキストのマークアップは大文字小文字を無視する。例えば、＜HTML＞と＜html＞は同等だが、実体の名前は大文字小文字を区別する。例えば、"&NAME"と"&name"は異なる実体となる。

4) 1つのタグ要素を複数行に渡って記述することができ、パラメータの位置は制限されない。

3. HTML言語単位（要素）

ウェブページ全体の内容は、特定の内容によって形成されるいくつかの単位からなり、各単位は3つの部分---開始タグ、単位内容、終了タグ---から構成される。

開始マーカー：開始マーカーは、"＜"＞"で定義され、ユニット名と属性は開始マーカーで与えられます。

セルの内容：中央の部分がセルの内容部分です。

エンドマーカー：エンドマーカーは "＜/" と ">" で定義され、スタートマーカーよりスラッシュが1つ多くなっています。

例えば、タイトルバーセルのマークアップ形式である

＜タイトル＞大学入試トップインタビュー～農家の少年の成長体験を思い出して～＜/p＞画面が切り替わりますので、しばらくお待ち下さい。

この＜quot;大学入試トップインタビュー～農家の子どもの成長体験～＞はユニットの基本コンテンツで、＜TITLE＞と＜TITLE/TITLE＞がスタートとエンドマーカーになります。

要するに、HTML文書全体がマークアップで構成され、HTML文書のマークアップは文書の執筆のために固定されたフレームワークを確立するために、我々はちょうどライン上でこのフレームワークにコンテンツを記入する必要があります。

HTML言語を上手に使えるようになるには、マークアップのパラメータを柔軟に適用することがポイントです。特に、デフォルト値の適用について