Webページ制作(html)の基礎知識(1)htmlの最初の理解と属性

零下一度
リリース: 2017-05-05 13:57:36
オリジナル
1096 人が閲覧しました

1: HTML の初めての説明

<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>
ログイン後にコピー

と の間のテキストは、 title

の間のテキスト

1.1HTML Web ページを記述するために使用される言語です。

HTML は HyperText Markup Language を指します HTML はプログラミング言語ではなく、マークアップ言語です マークアップ言語はマークアップ タグのセットです

HTML マークアップ タグを使用して Web ページを記述します

1.2HTML マークアップタグは、HTML タグと呼ばれることがよくあります。

HTML タグは、 のように山括弧で囲まれたキーワードです。HTML タグは通常、 のようにペアで表示されます ペアの最初のタグタグは開始タグ、2 番目のタグは終了タグです。

開始タグと終了タグは、開始タグ、終了タグとも呼ばれます。

<html>
<body>

<a href="http://www.w3school.com.cn">
This is a link</a>

</body>
</html>
ログイン後にコピー

注: href 属性にリンクのアドレスを指定します。

1.4 HTML 画像

HTML 画像は タグによって定義されます。

<html>
<body>

<img src="/i/eg_w3school.gif" width="300" height="120" />

</body>
</html>
ログイン後にコピー


注: 画像の名前とサイズは属性として提供されます。 2: HTML 属性

HTML タグには属性を含めることができます。属性は、HTML 要素に関する詳細情報を提供します。 属性は常に、name="value" などの名前と値のペアの形式で表示されます。

属性は常に HTML 要素の開始タグで指定されます。

2.1 プロパティの例
HTML リンクは タグで定義されます。リンク先のアドレスはhref属性で指定します。

その他の HTML 属性の例

属性の例 1:

はタイトルの始まりを定義します。

配置に関する追加情報があります。 TIY: タイトルを中央に配置します。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"www.php.cn/TR/html4/loose.dtd">

<html>

<body>

<h1 align="center">This is heading 1</h1>

<p>上面的标题在页面中进行了居中排列。上面的标题在页面中进行了居中排列。上面的标题在页面中进行了居中排列。</p>

</body>
</html>
ログイン後にコピー
属性の例 2:

は、HTML ドキュメントの本文を定義します。

には、背景色に関する追加情報があります。

TIY: 背景色

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta http-equiv="Content-Language" content="zh-cn" />
</head>

<body bgcolor="yellow">
<h2>请看: 改变了颜色的背景。</h2>
</body>

</html>
ログイン後にコピー

属性の例 3:

HTML テーブルを定義します。 (HTML テーブルについては後の章で詳しく説明します)

にはテーブルの境界線に関する追加情報が記載されています。

属性値を常に引用符で囲む

属性値は常に引用符で囲む必要があります。二重引用符が最も一般的に使用されますが、一重引用符を使用しても問題ありません。

属性値自体に二重引用符が含まれている場合など、場合によっては一重引用符を使用する必要があります。例:

name=&#39;Bill "HelloWorld" Gates&#39;
ログイン後にコピー

[関連推奨事項]

1.

無料の HTML オンライン ビデオ チュートリアル

html開発マニュアル

3.

php.cn オリジナルの HTML5 ビデオチュートリアル

以上がWebページ制作(html)の基礎知識(1)htmlの最初の理解と属性の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!