はじめに: HTML の基本的なタグと属性の簡単な紹介

はじめに: HTML の基本的なタグと属性の簡単な紹介

HTML はタグと属性で構成されており、これらを組み合わせてブラウザにページの表示方法を指示します。ロゴは、テキストや画像などのドキュメント コンポーネントを参照するために使用されます。属性は、色、配置、高さ、幅など、ロゴ内で変更されるロゴのオプションです。多くのタグはペアで表示されます。たとえば、<TITLE> と </TITLE> があります。最初のタグは開始を示し、2 番目のタグは終了を示し、その間にコンテンツが配置されます。
基本構造マーク
< HTML > ----------ファイルがHTMLファイルであることを示します
<HEAD> ---------- ファイルのタイトル、使用されているスクリプト、スタイル定義などが含まれます。
<TITLE>こんにちは世界! </TITLE> - ブラウザのタイトルバーに表示されるファイルのタイトルが含まれます
<HEAD> ----------</HEAD> 終了マーク
<BODY> --------ブラウザに表示される情報の記号と属性をすべて配置し、コンテンツがブラウザに表示されます</BODY>
</ HTML > ----------< HTML > 終了タグ
その他の主な記号 <BODY></BODY> では以下の記号がすべて使用されます。
<A HREF="…"></A> ----------リンクシンボル、「…」はリンクファイルのアドレスです
<IMG SRC="…"> ----------画像ロゴを表示します。"…" は画像のアドレスです
<BR> ----------改行記号
<P> ----------セグメントマーク
<B></B> ----------太字を使用する
<I></I> ----------斜体を使用する
<HR> ----------水平線描画
<TABLE></TABLE> ---------- HTMLの重要なシンボルであるテーブルを定義します
<TR></TR> ---------- <TABLE></TABLE> で使用される表の行を定義します。
<TD></TD> ---------- <TR></TR> で使用される表セル
<FONT></FONT> ----------フォントスタイルロゴ
プロパティの使用法:
属性はタグを変更するために使用され、開始タグ内に配置されます。
たとえば、属性 bgcolor="BLACK" は背景色が黒であることを意味します。参照属性の例: <BODY bgcolor="BLACK"></BODY> はページの背景色が黒であることを意味し、<TABLE bgcolor="BLACK"></TABLE> は表の背景色が黒であることを意味します。
共通プロパティ: 配置プロパティ 範囲プロパティ
ALIGN=LEFT 左揃え(デフォルト) WIDTH=オブジェクトの幅(ピクセルまたはパーセンテージ)
ALIGN=CENTER 中央 HEIGHT=ピクセル値またはオブジェクトの高さのパーセンテージ
ALIGN=RIGHT 右揃えの色属性
COLOR=#RRGGBB 前景色参照カラーテーブル
BGCOLOR=#RRGGBB 背景色

<<:  Dockerのデフォルトネットワークセグメントを変更する実装方法の分析

>>:  MySQL kill コマンドの使用ガイド

推薦する

JavaScript を使用したコマンドライン アプリケーションの構築

目次1. ノードをインストールする2. Commander.jsをインストールする3. JavaSc...

Docker ビルド kubectl イメージ実装手順

プログラムサービスがgitlab ci/cdと統合されたk8sを使用してデプロイされている場合、gi...

JS に依存せずにレスポンシブ レイアウトを実現する CSS3 モバイル vw+rem メソッド

1. はじめに(1)vw/vhの紹介使用する前に、vw と rem とは何か、その機能について簡単に...

Vue は書籍管理ケースを実装します

この記事では、書籍管理を実装するためのVueの具体的なコードを例として紹介します。具体的な内容は次の...

HTML面接の質問の要約

1. doctypeの役割、厳密モードと混合モードの違い、そしてその重要性1. 構文形式: <...

Docker で Selenium グリッド分散環境を構築する実用的な方法

最近、Zoom ビデオ会議をテストし、100 人が同時に会議に参加することをシミュレートする必要があ...

Vue ページ監視ユーザープレビュー時間機能実装コード

最近のビジネスでは、オンライン トレーニング システムが特定のオンライン プレビュー ページに対する...

Vue3 シングルファイルコンポーネントのスタイル機能の詳細な説明

目次スタイルスコープスタイルモジュール状態駆動型動的CSS要約するスタイルスコープ注意事項:スタイル...

HTML の doctype とエンコーディングに関する簡単な説明

文書タイプDoctype は、指示を解析するためにどのバージョンの HTML を使用するかをブラウザ...

折りたたまれたテーブル行要素のバグ

例を見てみましょう。コードは次の通り非常にシンプルです。コードをコピーコードは次のとおりです。 &l...

CentOS に Nginx をインストールする方法

公式ドキュメント: https://nginx.org/en/linux_packages.html...

CSSレイアウトで中央揃えレイアウトを実現する方法

1. 親コンテナーをテーブルに設定し、子をインライン要素に設定します。テキストを表示するサブコンテン...

JavaScript の高度なプログラミングの基本参照型

目次1. 日付2. 正規表現3. オリジナルパッケージタイプ序文:参照値(オブジェクト)は、 Dat...

Vue で rem 適応を使用する方法

1. 開発環境vue 2. コンピュータシステム Windows 10 Professional E...

JavaScript で知らない Object.entries の使い方

目次序文1. 共通オブジェクトを反復処理するには for...of を使用します2. 通常のオブジェ...