HTML
日本語 | 超印付文言語 |
英語 | HyperText Markup Language |
ふりがな | えいちてぃーえむえる、えっちてぃーえむえる |
フリガナ | エイチティーエムエル、エッチティーエムエル |
ホームページを記述するための言語。
「HTMLタグ」と呼ばれる「<」と「>」で囲まれた文で文章に「印」を付けることで、文章の部分部分に「機能」を持たせることができる。
たとえば「<A HREF="test.html">テスト</A>」は、「テスト」という文を「<A>」HTMLタグで囲んでおり、「テスト」という文を選択することで「test.html」というファイルを開く、という「機能」を付与することができる。
また、HTMLタグは表示の変更も行う。たとえば上記の「<A>」HTMLタグに囲まれた部分は、通常色が変更され、アンダーラインが引かれる。
通常、HTMLはWebブラウザが読み込み、HTMLタグを解析し、文章に「機能」を付与して表示する。
ただし、このHTMLタグの解析方法はWebブラウザに任されており、場合によっては期待通りに解析しない。一応仕様は決まっているが、それぞれのWebブラウザ毎に「仕様の解釈」が若干異なっており、すべてのWebブラウザで同様に機能し表示されるようにHTMLを記述することは大変苦労する。
通常、HTMLはテキストファイルとして記述する。
拡張子は「.html」もしくは「.htm」。
文字コードは自動的に判別されるが、指定することもできる。
Webサーバーで設定した場所に置き、WebブラウザでURLを指定することで表示することができる。
WebアプリケーションからHTMLを出力する場合、JSPとして記述するか、サーブレットから直接出力する。
JSPとして記述した場合、HTMLを出力するプログラムに変換され、コンパイル後実行した際にHTMLを出力する。
ただし、基本的にはどちらも同じである。
HTMLをテキストファイルとして記述した場合も、Webサーバーがそのファイルを読み込みネットワークを通して出力している。この「サーバーがHTMLというデータをクライアントへと返す」という点では、元がHTMLファイルでも、アプリケーションサーバーからの出力でも同じである。
「HTMLタグ」と呼ばれる「<」と「>」で囲まれた文で文章に「印」を付けることで、文章の部分部分に「機能」を持たせることができる。
たとえば「<A HREF="test.html">テスト</A>」は、「テスト」という文を「<A>」HTMLタグで囲んでおり、「テスト」という文を選択することで「test.html」というファイルを開く、という「機能」を付与することができる。
また、HTMLタグは表示の変更も行う。たとえば上記の「<A>」HTMLタグに囲まれた部分は、通常色が変更され、アンダーラインが引かれる。
通常、HTMLはWebブラウザが読み込み、HTMLタグを解析し、文章に「機能」を付与して表示する。
ただし、このHTMLタグの解析方法はWebブラウザに任されており、場合によっては期待通りに解析しない。一応仕様は決まっているが、それぞれのWebブラウザ毎に「仕様の解釈」が若干異なっており、すべてのWebブラウザで同様に機能し表示されるようにHTMLを記述することは大変苦労する。
通常、HTMLはテキストファイルとして記述する。
拡張子は「.html」もしくは「.htm」。
文字コードは自動的に判別されるが、指定することもできる。
Webサーバーで設定した場所に置き、WebブラウザでURLを指定することで表示することができる。
WebアプリケーションからHTMLを出力する場合、JSPとして記述するか、サーブレットから直接出力する。
JSPとして記述した場合、HTMLを出力するプログラムに変換され、コンパイル後実行した際にHTMLを出力する。
ただし、基本的にはどちらも同じである。
HTMLをテキストファイルとして記述した場合も、Webサーバーがそのファイルを読み込みネットワークを通して出力している。この「サーバーがHTMLというデータをクライアントへと返す」という点では、元がHTMLファイルでも、アプリケーションサーバーからの出力でも同じである。
参考サイト
<!-- webapps/sample-servlet/sample.html -->
<!-- http://localhost:8080/sample-servlet/sample.html でアクセスできます。 -->
<!-- 注:「Webアプリケーション」の項目を読んで、その準備をしてからお試しください。 -->
<HTML>
<HEAD>
<TITLE>HTMLサンプル</TITLE>
</HEAD>
<BODY>
テスト<BR>
</BODY>
</HTML>
<!-- http://localhost:8080/sample-servlet/sample.html でアクセスできます。 -->
<!-- 注:「Webアプリケーション」の項目を読んで、その準備をしてからお試しください。 -->
<HTML>
<HEAD>
<TITLE>HTMLサンプル</TITLE>
</HEAD>
<BODY>
テスト<BR>
</BODY>
</HTML>
<!-- webapps/sample-servlet/sample.html --> <!-- http://localhost:8080/sample-servlet/sample.html でアクセスできます。 --> <!-- 注:「Webアプリケーション」の項目を読んで、その準備をしてからお試しください。 --> <HTML> <HEAD> <TITLE>HTMLサンプル</TITLE> </HEAD> <BODY> テスト<BR> </BODY> </HTML>
「みだし」に含まれているページ
「解説」に含まれているページ
- /
- /**
- <
- <%-- --%>
- <%@ page contentType
- >
- Content-Type
- HTML
- HttpServletResponse
- Javadoc
- javadoc
- JSP
- JspWriter
- JSP宣言
- JSP式
- JSP暗黙オブジェクト
- JSP暗黙オブジェクト「out」
- JSP暗黙オブジェクト「response」
- Webブラウザ
- インデント
- クライアントサーバーシステム
- クロスサイトスクリプティング
- サニタイジング
- サーブレット
- スクリプトレット
- セッション
- タグ
- タグライブラリ
- ドキュメンテーションコメント
- ビュー
- フォント
- プログラミング
- ホームページ
- 入力フォーム
- 実体参照
- 属性
- 拡張子
- 改行
- 文字
「サンプルプログラムとか」に含まれているページ
- <%!
- <%--
- classesディレクトリ
- Content-Type
- Cookie
- doGet
- doPost
- HTML
- HttpServlet
- HttpServletRequest
- HttpServletResponse
- HttpSession
- JSP暗黙オブジェクト「application」
- JSP暗黙オブジェクト「config」
- JSP暗黙オブジェクト「out」
- JSP暗黙オブジェクト「pageContext」
- JSP暗黙オブジェクト「request」
- JSP暗黙オブジェクト「response」
- JSP暗黙オブジェクト「session」
- libディレクトリ
- PageContext
- POST
- RequestDispatcher
- ServletConfig
- ServletContext
- web.xml
- XSS
- エンティティコード
- キャッシュ
- クッキー
- クロスサイトスクリプティング
- サニタイジング
- サーブレット
- スクリプトレット
- セッション
- セッションID
- セッションスコープ
- タグ
- リクエストスコープ
- 入力フォーム
- 実体参照
- 属性