HTML | 要素 | タグ

HTMLはウェブページを構築するための言語でHyper Text Markup Languageの略です。HTML要素はタグで表されます。HTMLタグは、「見出し」、「段落」、「表」などのコンテンツのラベルを付けます。 ブラウザはHTMLタグを表示せず、ページの内容をレンダリングするために使用します。各章には、学習を拡張するために自分で編集してテストできる実践例が含まれています。これらの例の目的は、日々の実装におけるHTMLの使い方をよりよく理解できるようにすることです。

 HTML | 要素 | タグ 書き方

HTML | 要素 | タグ Example

	<!DOCTYPE html>
<html>
    <title>シンプルなHTML文書</title>
    <body>
    <h1>HTMLとは</h1>
    <p>HTMLはWebページを作成するための標準マークアップ言語です。</p>
    </body>
</html>

jQuery

jQueryはWebページを開発するためのJavaScriptコードをより簡単に使えるように設計されたJSライブラリです。jQueryは多くのJavaScriptコードを必要とする多くの一般的な作業を行い、コードの1行で呼び出すことができるメソッドにラップします。jQueryは、AJAX呼び出しやDOM操作など、JavaScriptからの複雑な作業を簡素化します。

 jQuery書き方

jQuery Example

	$(document).ready(function(){
    $("button").click(function(){
        $("p").hide();
    });
});
//ユーザーがボタンをクリックすると、すべての<p>要素が非表示になります。

CSS

CSSはウェブページをスタイリングするための言語でHTML要素の表示方法を記述します。CSSはCascading Style Sheetsの略です。CSSは多くの作業を節約し一度に複数のWebページのレイアウトを制御できます。CSSは外部スタイルシートのファイルに保存されます。

 CSS書き方

CSS Example

	<style>
h1 {
    text-align: center;
    color: red;
}
h2 {
    text-align: center;
    color: red;
}
p {
    text-align: center;
    color: red;
}
</style>

CSS3

CSS3はウェブページをスタイリングするための言語でHTML要素の表示方法を記述します。CSS3は多くの作業を節約し一度に複数のWebページのレイアウトをより細かく制御・設定することができます。プロパティと値、@rules、カラー名、Webセーフフォント(safe fonts)、聴覚(aural)スタイルシートなどの詳細情報を提供

 CSS3書き方

CSS3 Example

	<style>
button {
    color: #337ab7;
    border: none;
    padding: 10px 20px;
    font: bold 18px sans-serif;
    background: ##5cb85c;
    -webkit-transition: background 2s; /*Safari 3.0〜6.0用 */
    transition: background 2s; /* 最新のブラウザの場合 */
}
button:hover {
    background: #286090;
}
</style>

HTML 用語集 辞典・タグ・属性・読み方

HTMLタグ・属性・用語集辞典・読み方一覧表を掲載したウェブページに役立つ用語や略語の定義のページです。ホームページ ・ブログを作成する場合に多くの専門用語や略語が使用されています、CSS・jQuery・JavaScript・php・xml・api、のプロパティなどSEOに関するインターネット用語

 HTML 用語集 辞典・タグ・属性・読み方書き方

PHP

PHPはウェブサーバープログラミング言語、動的なウェブページ作成するための機能を多く備えています。PHPは "PHP:Hypertext Preprocessor"の略語です。広く使われているオープンソースのスクリプト言語です。PHPは自由に無料でダウンロードして使用できます。

PHP 書き方

PHP Example

	<!DOCTYPE HTML>
<html>
<head>
    <title>PHP Application</title>
</head>
<body>
<?php
// 単純なメッセージを表示する
echo "PHPは "PHP:Hypertext Preprocessor"の略語です。";
?>
</body>
</html>

JavaScript

JavaScriptは、オープンでクロスプラットフォームで動作するオブジェクト指向のスクリプト言語です。ネットワーク中心のアプリケーションを作成するために設計されています。 これはJavaと共通点がありますが、概念とデザインの両方で全く異なる言語です。 JavaScriptはHTMLと統合されているため、実装が非常に簡単で軽量でインタプリタ型のプログラミング言語です。

 JavaScript書き方

JavaScript Example

	<html>
   <body>
      <script language="javascript" type="text/javascript">
         <!--
            document.write("Hello javascript.")
         //-->
      </script>
   </body>
</html>

基本・How-to

Webの基本を簡単に学び、初心者のための簡単なWebページやウェブサイトを作成するのに役立ちます。 Webチュートリアルは複数のセクションに分かれ各セクションには、各トピックのわかりやすい説明、実際の実例 サンプル集、役に立つヒント、重要な情報が満載の関連する章が多数含まれています。

 基本・How-to書き方
あわせて読みたい

Html

Glossary

PHP

JavaScript

JQuery

CSS