PHP学習初日のHTML-htmlチュートリアル-php.cn

PHP学習初日のHTML

WBOY

リリース： 2016-09-14 09:24:12

オリジナル

1644 人が閲覧しました

2.B/Sネットワークモード(構造)

B/S、ブラウザ/サーバーブラウザ/サーバーの構造。このモードでは、クライアントはソフトウェア (ブラウザソフトウェアを除く) をインストールする必要がなく、他のすべての機能がサーバーに集中します。クライアント側では基本的にメンテナンスは不要です。

PHP学習初日のHTML

3.HTMLの概要

HTML (ハイパーテキストマークアップ言語) は、SGML のアプリケーションです。それは標準であり、規範であり、記号（マーク）です。

例: 北京伝志

さまざまなタグの機能は、このコンテンツを表示する方法をブラウザーに指示することです。

PHP学習初日のHTML

静的Webページの拡張子: .html .htm

動的 Web ページの拡張子 (サーバーサイドプログラムを含む): .php .jsp .aspx など

ハイパーテキスト: ハイパーリンクが追加されたテキストを指します。

4.HTMLタグのフォーマット

双方向タグ:

例:広州伝志

片面タグ:

その人の特徴: 名前、年齢、学歴、大学院、身長、体重など

同様に、人々はカテゴリーであり、張三はカテゴリー内の特定のオブジェクトです。

5. HTMLタグの記述仕様

1) HTML タグは大文字と小文字を区別しません。下位互換性のために小文字を使用することをお勧めします。例:

2) マークは属性を持つことも持たないこともできます。属性がある場合は、スペースを使用して属性とタグ (少なくとも 1 つ) を分離し、属性と属性をスペースで区切ります。属性は開始タグに配置する必要があり、終了タグには配置できません。

例:

属性なし:

3) 通常、属性値は引用符で囲む必要があります（付けなくても間違いではありません）。

4) HTMLの数値属性値には単位(px)を付ける必要はありませんが、CSSの数値属性値には単位を付ける必要があります。

HTML での記述:

CSSでの記述:

5) マーカーはネストできますが、順番にのみネストできます

。つまり、あるレイヤーの中に別のレイヤーがあり、交差ネストすることはできません。

6. WebページのHTML構造

ウェブページのタイトル

ウェブページのメインコンテンツ

ボディ>

構造の説明:

ブラウザがこのタグを検出すると、Web ページの形式に従ってコンテンツが翻訳されます。 2 つのサブタグが含まれます:

このタグの内容はブラウザーには表示されず、通常は特別な役割を果たします。

は Web ページのタイトルを定義し、のサブタグです。

は、Web ページのコンテンツまたはタグの 99% がに配置されます。内のコンテンツが表示されます。

の一般的に使用される属性

bgColor: Web ページの背景色を設定します。例:

background: Web ページの背景画像の URL を設定します。例:

8.HTMLフォント変更タグ

太字太字

;

斜体

下線

ストライキ

フォントタグ

よく使用される属性 サイズ：フォントサイズ、値：1〜7、小1、大7。

色: フォントの色 (例: 赤、RGB(255,0,0) または #FF0000)

Face: フォントタイプ、例: face="Heilong"

例:内容

横線は一方的なマークです よく使用される属性:

サイズ: 横線の太さ

幅: 水平線の幅

色: 水平線の色

noshade: 影効果のない単色表示

9. コードエディタ

1) 強化されたテキストエディタ: Editplus Notepad

特徴: ソフトウェアは小さく、システムリソースの消費が少なく、構文の色が付いています

欠点: コードプロンプト機能がない

2) IDE統合開発環境：Zend Studio

特徴: 大規模なソフトウェア、多くのシステムリソースを占有する、構文カラー、コードプロンプト機能、PHPプログラムのデバッグ機能、データベース構成など

欠点: 充電

3) ビジュアル Web ページコード編集ツール: Dreamweaver

ステップ 1: サイトを作成、サイトを管理する

サイトは Web サイトであり、Web サイトは複数のディレクトリまたはファイルで構成されます。

PHP学習初日のHTML

ステップ 2: コードのフォントサイズを設定します CTRL+U

編集 - 優先パラメータ - フォント

PHP学習初日のHTML ステップ 3: 新しい Web ページを作成するときにデフォルトのエンコーディングを設定します:

CTRL+U

編集 - 優先パラメータ - 新しいドキュメント

PHP学習初日のHTML UTF-8 は多言語エンコードであり、対応する入力方法があれば、さまざまな国の言語を表示できます。

Webページが文字化けしないようにするにはどうすればよいですか?

1) エディターのデフォルトのエンコーディングは UTF-8 に設定する必要があります

2) HTML コードでは、タグも対応する UTF-8 エンコーディングを設定する必要があります

3) PHP Web ページのエンコーディングも UTF-8 に設定する必要があります

4) MySQL によって読み取られるデータエンコーディングも UTF-8 に設定する必要があります

ステップ 4: DW のデフォルトのブラウザを設定します

: CTRL+U 編集 - 優先パラメータ - ブラウザでプレビュー

PHP学習初日のHTML DOMブラウザ、標準ブラウザ、Firefoxブラウザ

10.Webページの色の表現

英語の単語を使って赤、緑、青を表現してください

10進数で表現: RGB(255,0,0) RGB(0,255,0) RGB(0,0,255)

16 進数で表します: #FF0000 #00FF00 #0000FF

RGB

カラーモード 自然界のすべての色は、赤(R)、緑(G)、青(B)の3原色を混ぜ合わせて作られます。RGBは三原色とも呼ばれます。

RGB カラーモード。加法混色モードとも呼ばれます。任意の 2 つの色を加算すると、他の色が生成されます。

コンピューターでは、各原色は 1 バイト (8 ビットバイナリ、11011011 などと仮定) で表され、合計 256 (0 ～ 255 の明るさレベル) の色を表すことができます

RGB共可以混合出多少种颜色？ 256 * 256 *256=1677万种色

在网页中的写法：

红色：RGB(255,0,0)

绿色：RGB(0,255,0)

蓝色：RGB(0,0,255)

黄色：RGB(255,255,0)

二进制：0、1 运算规则：逢二进一

十进制：0、1、2、3、4、5、6、7、8、9 运算规则：逢十进一

十六进制：0、1、2、3、4、5、6、7、8、9、A、B、C、D、E、F 运算规则：逢十六进一

网页颜色用十六进制表示：

红色：#FF0000 用两位16进制来表示1位10进制

绿色：#00FF00

蓝色：#0000FF

黄色：#FFFF00

在不同的浏览器下，10进制显示存在不兼容性，最好的是16进制表示方法。

在HTML中10进制表示颜色，没有效果；但在CSS中可以使用10进制表示。

11. 12.HTML排版标记

代表一个段落

换行

水平线，noshade属性没有属性值

：一级标题最大

…………

六级标题最小

常用的属性：

align：水平对齐，取值： left、center、right

ログイン後にコピー

预排版标记，将保留代码所有的空白(连续的空格或换行)，换句话说：该标记中的内容会原封不动的输出。

在PHP中输出数组时，用

ログイン後にコピー

保留空白输出。

PHP学習初日のHTML

13.

和

这两个标记，如果单独使用，没有任何效果，一般要结合CSS来使用。

这两个标记，虽然没有任何意义，但在DIV+CSS中又是用的最多的。

相当于两个小的容器，里面用来存放其它内容，方便排版布局。

块元素和行内元素

块元素：单独占取通栏的宽度，前后的元素必须另起一行排版。比如：

、
ログイン後にコピー
ログイン後にコピー
ログイン後にコピー

行内元素：多个行内元素排在同一行，行内元素没有宽度，宽度是由内容来决定。比如：

14.HTML字符实体

代表一个半角空格

> 大于号

< 小于号

& &

¥ 人民币

× 乘号

÷ 除号

15.项目符号标记(无序列表)：块元素

内容1

内容2

常用的属性：

タイプ: 箇条書きのタイプ、値: ディスク (実線のドット)、円 (小さな円)、正方形 (小さな正方形)

16. 番号付きリスト(順序付きリスト)

“a” start=“3”>

……

よく使用される属性:

タイプ: 数値タイプ、値: 1 (数値)、a、A、i (小さなローマ)、I (大きなローマ)

開始: 番号の開始番号。この値は数値です。例: start=3

Chongwei Private Areaより転載