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

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

HTML はタグと属性で構成されており、これらを組み合わせてブラウザにページの表示方法を指示します。ロゴは、テキストや画像などのドキュメント コンポーネントを参照するために使用されます。属性は、色、配置、高さ、幅など、ロゴ内で変更されるロゴのオプションです。多くの標識はペアで表示されます。たとえば、最初の標識は開始を示し、2番目の標識は
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ログシステムの使い方に関する簡単なチュートリアル

推薦する

jQuery タグセレクターの適用例の詳細な説明

この記事では、jQueryタグセレクターアプリケーションの具体的なコードを例として紹介します。具体的...

Vueバックグラウンド管理に多言語機能を追加する例

目次1.まず、main.jsページを設定します2. 対応するパスの下で言語パックを構成します。ここに...

Linux の総合システム監視ツール dstat の詳細な例

オールラウンドなシステム監視ツール dstat dstat は、vmstat、iostat、nets...

Centos7.3 での mysql5.7 のインストールと設定のチュートリアル

この記事では、MySQL 5.7のインストールと設定のチュートリアルを参考までに紹介します。具体的な...

シンプルで簡単なJavaScript開発のためのSvelte実装原理の詳細な説明

目次デモ1フラグメントの作成スヴェルトコンポーネント状態を変更できるデモSvelte は長い間存在し...

CSS変数がJSインタラクティブコンポーネント開発にもたらす改善と変更のサンプルコードの詳細な説明

1. CSS変数がもたらす質的変化CSS 変数によってもたらされる改善は、CSS コードの節約や C...

ウェブページ読み込み時に左右にジャンプする原因の分析と解決

最近、ウェブサイトを設計するときにこの問題に遭遇しています。メンバーセンターを設計し、コンテンツを ...

美しい FLASH ウェブサイト デザイン例 50 選

Flashにより、デザイナーや開発者はブラウザ上でリッチなコンテンツを提供し、動き、インタラクティブ...

MySQL データベース分離レベルと MVCC の詳細な説明

目次1. 分離レベルコミットされていない読み取りREAD COMMITED (コミット読み取り/非反...

jsで照明スイッチを制御する

参考までに、jsを使用して照明スイッチを制御します。具体的な内容は次のとおりです。トピック: js ...

異なるページ間のJavaScriptデータ転送(URLパラメータ取得)

Web ページでは、あるページに情報を入力すると、別のページにジャンプし、入力した情報が別のページ...

虫眼鏡の詳細のJavaScript実装

目次1. レンダリング2. 実施原則3. まとめ1. レンダリング 2. 実施原則幅と高さが等しい拡...

実務経験7年のフロントエンドスーパーバイザーによる経験共有

今日はベテランの貴重な経験を共有します。著者は技術管理の経験が7年あり、多い時は80人以上を率いてい...

Linux Crontab シェル スクリプトを使用して第 2 レベルのスケジュールされたタスクを実装する方法

1. シェルスクリプトcrontab.shを書く #!/bin/bash step=1 #ステップ間...

Linux環境でのDockerインストールチュートリアル

1. 設置環境Dockerは次のCentOSバージョンをサポートしていますCentOS 6.5 (6...