#HTML基本的なウェブの知識ベースのフロントエンド()

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手段は無限大と無限の遊び。

リリース元の4件の記事 ウォン称賛7 ビュー289

おすすめ

転載: blog.csdn.net/weixin_46273248/article/details/105128008