HTML(HTML)、ウェブの製造の標準言語
「ハイパーテキストは、」内部ページを参照画像、リンク、さらには音楽、プログラム、およびその他の非テキスト要素を含めることができます。
ディレクトリ
A、HTMLの文書構造
1.1 .htmまたは.htmlの基本構造
<!DOCTYPE html> <!--文档类型:支持HTML5标准-->
<htlm lang="en"> <!--en:英文,zn:中文-->
<html>
<head> <!--头部:浏览器、搜索引擎所需信息-->
</head>
<body> <!--主体:网页中包含的具体内容-->
</body>
</html>
<html>
<head>
<title>页面标题</title>
</head>
<body>
页面内容呀呀呀呀啊呀呀呀呀呀
</body>
</html>
次のようにコードの結果は以下のとおりです。
1.2元情報
メタタグは、HTMLページのドキュメントのプロパティを記述するために使用されるの先頭にその情報など、ブラウザのページに表示されていない:著者、日付と時刻、ページ記述。
基本的な構文:
<head>
<meta charset="UTF-8">
<meta name="" content="">
<meta http-equiv="" content="">
</head>
1.3対象不動産
基本的な構文
<body leftmarin="50px" tomargin="50px"
text="#000000" bgcolor="#339999"
link="blue" alink="white" vlink="red"
background="body_image.jpg">
4色の設定方法
。; 0〜255:1、RGB(R&LT、G、B)は、Rは、G、Bは整数、範囲である
数値はシステムによって表される色の特定を構築することができ、又はPPTの描画関数は色関数見ます
2、RGB(R%で、Gの%、B%)を、R、G、Bは、範囲内の整数である:0〜100。
3三または六進数#RGB又は3RRGGBBを使用して
図4に示すように、例えば、赤、緑、青のような色、の英語名。
1.4 HTMLドキュメントの明細書
基本的な規範をコーディングA. HTMLページ
1.タグはクロス使用ネストされてではなく、することができます。
2. HTMLコード内の大文字と小文字を区別しません。
3.ラベルは、さまざまな属性を設定することができ、推奨される属性値は二重引用符で示されています。
4.コードを書くの鋸歯状構造、インデントスタイル、増加の可読性を使用する必要があります。
コメントを追加するには2つの方法:
1. <!-- 注释信息 -->
2. <comment>注释信息</comment>
二.HTMLファイルの命名規則
1.統一されたhtmlファイル拡張子を使用することをお勧めします
2.ドキュメント名は、英数字のみを強調し、特殊文字を含めることはできません、文字またはアンダースコアで開始することをお勧めします
3.ドキュメント名は大文字と小文字が区別されます
通常のindex.htmlやdefault.htmlのホーム4.Webサーバー
第二に、段落の書式設定テキスト
2.1追加のスペースや特殊記号
ページが表示されたときにbodyタグにスペースを入力し、キャリッジリターンは無視されます
そして、スペースや特殊記号は、コード表に対応しています。
2.2フォーマットされたテキストラベル
一般的なテキストの装飾タグ:
一般的なコンピュータ出力タグ:
フォント、フォントタグ:
フォントタグはデフォルトのフォント、色、サイズおよびその他の属性を変更するために使用されます。
基本的な構文
<font face="" size="" color=""></font>
段落2.3およびレイアウトタグ
段落のPラベル
段落のp個のラベルが自動的に段落を開始するには、その前にいくつかのギャップを作成し、リア
基本的な構文
<p align="left|center|right">段落正文内容</p>
Brのラップラベルが単一ラベルに属している、それが挿入改行を示し、
水平分割線タグ時間
基本的な構文
<hr size="" color="" width="" align="" >
コンテンツは、ラベルの中央を中心に
タグは、コンテンツは、他のプロパティを1回のセンターを含まない達成することができます。
段落インデントBLOCKQUOTEタグ
タグは、コンテンツが後退位置に右の5つの西洋文字を含めることができます。
フォーマット済みのラベルの前
定義されているフォーマット済みのテキスト・ページの段落のために、ブラウザは、ソースファイル内のデザイナーの書式保持されます
、空白、インデント、および特殊記号が多数含まれています。
基本的な構文
<pre>
哈哈
哈哈哈哈 #@#¥!%!@!……!……!……
哈哈哈哈哈哈哈 !@%@!#%@#……@……!……
哈哈哈哈啊哈哈哈哈 !@……#@……!@……#!…………
</pre>
第三に、ハイパーリンク
3.1概要
ハイパーリンクは、ウェブ接続関係からゴールまでのポイントを参照
:この目標は、することができ、Webページ、画像、電子メールアドレス、ファイル、アプリケーション
ハイパーリンクの本質上のWebページの一部であり、それは間で他のページやサイトに私たちを可能にするの一種である
接続要素。
3.2ハイパーリンク構文、ルートおよび分類
ハイパーリンクのラベル
基本的な構文
<a href="url" name="" title="提示信息" target="窗口名称">超链接标题</a>
1.href:ターゲット・ファイルへのリンク
2.NAME:ドキュメント内のラベルを作成
3.title:プロンプトを指すリンク
4.target:指定ターゲットウィンドウオープン。
値の五種類:
ウィンドウ上_parent#; _blank#新しいウィンドウ; _self#同じウィンドウ、デフォルト値。
_top#ウィンドウ全体のオープン; framenameフレーム名。
ハイパーリンクのパス:
ある2つの絶対パス:
Cのような手紙の初めから定義1.ファイルのパス:\ユーザー\ HASEE
など2.契約で定義されたURLのURLの先頭に、します。https://www.baidu.com
ハイパーリンクのカテゴリ
ハイパーリンクはに分けることができる内部リンクと外部リンク 2種類。
内部リンクは、内部Webサイトのファイル間のリンクを指し、外部リンクは、ウェブサイトのリンク内のファイルを参照する
サイトコンテンツのファイル外へ。
3.3ハイパーリンクの申請
1. HTTPファイルのダウンロードハイパーリンクを作成します。
サイトはどこに指摘したファイルをダウンロードするには、相対パスをソフトウェア、ダウンロードファイルやその他の情報を提供することができ
、または絶対パスのファイルの種類を:.DOC / .PDF / .EXE / .rarを / など
基本的な構文
<a href="url">链接内容</a>
ブックマークリンクページを作成します。2.
ブックマーク記事を参照内部リンクが、段落間の任意のジャンプ。
最初に定義する必要があり、このようなAのリンクを達成するために、ブックマークの名前とブックマークのリンクを。
基本的な文法書の署名の定義
<a name="name">书签标题</a>
基本的な構文定義されたブックマークのリンク
<a href="#name"书签标题</a> <!-- 同一页面内 -->
<a href="URL#name">书签标题</a> <!-- 不同页面内 -->
FTPサイトにアクセスするためのハイパーリンクを作成します。
FTPサーバーへのリンクやWebリンクの違いは、使用されるプロトコル、使用してWeb HTTPプロトコル、および閲覧している
FTP接続を使用してFTPサーバーを。
基本的な構文 *
<a href="ftp://服务器IP地址或域名">链接的文字</a>
画像リンクを作成します。
タイトルは、画像へのリンク、画像リンクをクリックしたときに、あなたが閲覧したURLのhrefセットを開くことができます。
基本的な構文
<a href="https://www.baidu.com"><img src="url" width="" height="" hspace=""
vspace="" align="" border="" alt=""></a>
第四に、テーブルのリスト
4.1リスト
順序なしリストUL
<ul>
<li>无</li>
<li>序</li>
<li>列</li>
<li>表</li>
</ul>
結果は以下の通りである:
リスト項目李
順序付きリストオール
<ol>
<li>有</li>
<li>序</li>
<li>列</li>
<li>表</li>
</ol>
結果は以下の通りであります:
表4.2
テーブルは、行と列のデータセット(表形式データ)を構造化され、それはすぐに、さまざまな種類のデータ間の関係を表す単純な値を見つけることができます。
1.各テーブルには、1組のテーブルのラベルが含まれています
表2.は、容器の内容物は、ラベルTDで作成最小細胞である、TDラベル数は、テーブル内の列の数を表します。
表3に、TRタグは、行の数を示します
4番目のタグは、通常、行または列に、ヘッダの先頭に追加されていることを示し
基本的な構文:
<table border="1">
<tr>
<th>Animals</th>
</tr>
<tr>
<th>Hippopotamus</th>
</tr>
<tr>
<th>Horse</th>
<td>Mare</td>
</tr>
<tr>
<td>Stallion</td>
</tr>
<tr>
<th>Chicken</th>
<td>Cock</td>
</tr>
</table>
第五に、画像を挿入し、バックグラウンドミュージック
5.1画像を挿入
画像フォーマット
JPG:良好な色再現を特徴とするデジタルカメラの最も一般的な形式、劇的に容積を減少させる、歪みの場合に明らか撮影することができるが、体積が大きくない、という欠点は、透明サポートされていません。
PNG:ネットワークが最も適し絵として記述することができます!PNGの利点が明確、可逆圧縮、高圧縮率で、階調は、透明でほとんどすべてのGIFの利点を有することができ、JPGの欠点は、色が豊富なように、同じボリュームはまた、JPG画像よりも僅かに大きいされていません。
GIF:これは透明PNG透明強力ではありませんが、最低の色効果、小さなサイズは、優れた圧縮、アニメーションのサポート、およびサポートの透明なので、勾配を有します
すべての点を比較
比較サイズ:一般的には、PNG≈JPG> GIF
透明性:PNG> GIF> JPG
色の豊かさ:JPG> PNG> GIF
互換性の程度:GIF≈JPG> PNG
**画像の挿入imgタグ**
私たちは、ページ上の画像にIMGタグを使用することができます。これは、空の要素(それはテキストラベルまたはクローズが含まれていません)SRC(通常の読み出し元としてのフルネーム)の、唯一の最小値を有効にすることです。src属性は、我々は道を紹介したい画像へのリンクが含まれている、パスがちょうどタグのhref属性のように、相対的または絶対URLかもしれません。
<img src="dinosaur.jpg">
<img src="images/dinosaur.jpg">
あなたは使用することができ、幅と高さがあなたのイメージの高さと幅を指定する属性を、そしてALT属性(画像情報にするとき、マウスポインタを表示)画像のタイトルを高めるために
<img src="images/dinosaur.jpg"
alt="一只恐龙头部和躯干的骨架,它有一个巨大的头,长着锋利的牙齿。"
width="400"
height="341">
画像の位置合わせを設定します
5.2バックグラウンドミュージック
背景音楽レーベルのBGSOUND挿入
<bgsound src="背景音乐地址" loop="播放次数">
SRC:ファイル名またはアドレスの背景音楽ファイル(接尾辞)
ループ:数字で表したビュー。ページを閉じるまで-1手段は無限大と無限の遊び。