ホームページ  >  記事  >  ウェブフロントエンド  >  HTML編集の基礎(初心者必読)

HTML編集の基礎(初心者必読)

php中世界最好的语言
php中世界最好的语言オリジナル
2018-01-20 10:14:022188ブラウズ

这次给大家带来HTML的编辑基础(新手必看篇),下面就是实战案例,一起来看一下。

打开DREAMWEAVER,新建HTML。。

body的属性:

bgcolor                页面背景色

background            背景壁纸、图片

text                    文字颜色

topmargin              上边距

leftmargin               左边距

rightmargin            右边距

bottommargin          下边距

 

格式控制标签:

分别控制字体的颜色、字体和大小。

                字体加粗

     字体加粗

                   倾斜

             倾斜

                下划线

      居中



            相当于回车

                   表示空格,Ctrl+shift+space


内容容器标签:

            标题,会自动换行。HTML标题是                                           

    . . .                通过

等标签来定义的。

              段落标签(段落之间空行)

レイヤー ラベル (デフォルトは 1 行を占めます)

レイヤー ラベル (デフォルトは必要なだけのスペースを占めます)

    、シリアル番号 1,2,3.... です。シリアル番号の形式は引用符で囲んで変更できます

    ULに変更するとシリアル番号以外のリストになります


    "" ""


    相対パス: 現在のページから開始します。

    絶対パス: Web サイトのルートから検索を開始します。 「/」はWebサイトのルートを表します。

    ハイパーリンク : : & & lt; a href = "ハイパーリンク アドレス" target = "_blank" & gt; 目次 目次のハイパーリンクをクリックすると自動的にジャンプします現在のページの特定の場所に移動します。

    画像タグ

    :
    テキスト

    高さと幅を 1 つだけ設定するだけですオリジナルのプロポーション。

    alt は、画像を読み込めないときにテキストを表示し、検索エンジンの検索にも役立ちます。

    タイトルには

    画像

    説明を追加することができ、画像上にマウスを置くと説明が表示されます。

    テーブル:

    テーブル

    width: 幅。ピクセルまたはパーセンテージで表現できます。 一般的に使用されるのは 960 ピクセルです。

    border: ボーダー、共通値は 0 です。

    cell

    padding

    : コンテンツと境界線の間の距離。一般的な値は 0 です。

    cellspacing: セル間の間隔。一般的な値は 0 です。

    algin: アライメント。

    bgcolor: 背景色。

    背景: 背景画像。

    Row

    align: コンテンツの行の水平方向の配置。

    valign: コンテンツ行の垂直方向の配置。

    高さ: 行の高さ。

    bgcolor: 背景色。

    背景: 背景画像。

    セル


    表ヘッダー、セルの内容は自動的に中央揃えで太字になります

    align: セルの内容の配置。

    valign: セルのコンテンツの垂直方向の配置。

    width: セルの幅。

    高さ: セルの高さ。

    bgcolor: 背景色。

    背景: 背景画像。

    コンテンツはセルに配置し、セルは行に配置し、行はテーブルに配置する必要があります。

    セルの行の高さと列の高さを設定すると、対応する行または列にも影響します。

    セルの結合: (可能な限りテーブルのネストを使用することをお勧めします)

    colspan="n" は同じ行内のセルを結合します (後でコードを記述するときに対応する列を減算する必要があります)

    rowspan="n " 同じ列グリッド内のセルを結合します (2 行目から始まる対応する列を減算します)

    これらの事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトに注目してください

    その他

    関連記事!

    関連書籍:

    h5 の sse サーバーを使用して EventSource イベントを送信する方法

    h5 にパスワードを記憶する機能を実装する方法

    HTML テーブル マウス ドラッグ ソートを実装する方法

    以上がHTML編集の基礎(初心者必読)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。