フロントエンドの基礎 - 研究はHTMLノート

HTMLは、「ハイパーテキストマークアップ言語」ハイパーテキストマークアップ言語と呼ばれます。ページの主な内容は、ラベルを通じて、テキスト、画像や音声で説明します。

HTMLの基本的な概要

基本的な枠組み:

<!DOCTYPE html>	//html5标准
<html lang="zh-cn">	//网页的语言标识,zh-cn代表中文,en代表英文
<head>	//头部标签主要存储一些网页的信息,比如编码,标题等
    <meta charset="UTF-8">	//字符集
    <title>Document</title>	//标题
</head>
<body>	//body标签中存放网页的主要内容
    
</body>
</html>

:文字について設定
がUTF-8が最も一般的な文字セットのエンコードで、一般的に使用される文字セットエンコーディングGBKとGB2312
GB2312簡体字中国語、6763個の一般的に使用される漢字を含む
BIG5繁体字中国語、香港、マカオ、台湾地域では使用
GBKは、すべての漢字が含まれて延長GB2312は、複雑な文字のサポートを追加し、互換性のGB2312である
UTF-8文字が必要としているほぼすべての国が含まれています

HTMLコア:タグ(<>を有する要素)、及び符号化を示す機能

1.ジタグ
<タグ名>概要</タグ名>
例:<のH1>と</ H1>

2つのタグ
<タグ名/>
例:<br />

ラベルの関係
1.ネストされた関係
2.パラレルな関係

ラベルのプロパティ:
<1個のタグ属性=「属性値1」項目1 =「属性値1」...>コンテンツ</タブ>
属性の前後にかかわらず、スペース間隔

共通のタグ:

タイトルタグ<H1> - <H6>
フォント徐々に小さくなるが、h1はロゴのための唯一の一般的な1ページです

段落タグ<P>概要</ P>

水平タグ<HR />

タグ<br />ブレイク

[レイアウト]タブ
の<div>内容</ DIV>(実際にはボックス)
の<span>概要</ span>の

テキスト書式タグ:
<B> </ B>、<strong>を太字で示した</ strong>の実施形態
<I> </ I>、 <em>の</ em>の中に表示されるテキストイタリック
<S> < / S>、<デル> < /デル> テキスト取り消し線
<U> </ U>、 <イン> </イン> テキストに下線

画像タグの<img>
<IMG SRC =「画像パス」> SRCラベルのimg属性しなければならないのイメージファイルのパスとファイル名を指定し
、相対パスを
同じディレクトリレベルでの画像やファイル、唯一のあなたは絵の名前を入力する必要があるなど、 :SRC =「.jpgの画像名」
ファイル内のイメージは、あなたがそのようなSRC =「IMG /画像名がの.jpg」として、写真のフォルダ名を追加する必要がある
文書レベル上の画像を、あなたは絵の名前の前に追加する必要があります... /このようSRC =「... /画像名の.jpg」のように
絶対パス
文字やネットワークアドレスの全体像の完全なパスに最初から。

プロパティ プロパティ値 説明
SRC URL 画像パス
ALT テキスト また、画像は、ときにテキスト表示することができません
タイトル テキスト どのようなマウスのホバー表示されます
ピクセル 画像の幅の設定
高さ ピクセル 画像の高さを設定する(典型的には幅と高さのみ提供されます)
境界 デジタル ボーダー幅設定画像

動画のタグ
<オーディオ> </オーディオ>オーディオのみ再生することができます
。</ビデオ>オーディオビデオ利用可能の<video>
<EMBED> </ embed>のフラッシュアニメーションを

リンクタグ<A>

<a href="跳转目标" target="目标窗口的弹出方式">文本或内容</a>

目標値は空白、自己を持っています。デフォルト値は、新しいウィンドウにジャンプする空白このページ上に表示自己ジャンプ、です。
HREF =「#」がクリックジャンプしないだろう、空のリンク、表し
ページIDタグでそのポイントにジャンプするのhref =「#ID名を」

ベースラベル

<base target="_blank"> 设置整体连接的打开状态为blank

特殊文字は、一般的に、タグを使用します

特殊文字 説明 コード
空白 &NBSP;
< 記号未満 &LT;
> 大なり記号 &GT;
そして数 &#038;
¥ 人民元 &円;
© 著作権 &コピー;
® 登録商標 &REG;
° 摂氏 &あなたは、
± 看板 &plusmn;
× 乗算記号 &回;
÷ 分裂の兆候 &分裂;
² 標準的な2 &SUP2;
³ 上付き3 &SUP3;

コメントタグ

<!-- 注释语句 -->

おすすめ

転載: blog.csdn.net/qq_43813560/article/details/88645483