はじめに: 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 コマンドの使用ガイド

推薦する

フロントエンドアプリケーションのjenkins+gitlab+nginxデプロイメント

目次関連する依存関係のインストールドッカーDockerでJenkinsをインストールするDocker...

JavaScript によるデータ視覚化: ECharts マップの作成

目次概要予防1. 使用方法2. 実装手順予備実装コード効果: Geo共通設定上記の構成を追加した後の...

Vueは3段階のナビゲーション表示と非表示を実装します

この記事では、3階層ナビゲーションの表示と非表示を実現するためのVueの具体的なコードを例として紹介...

IE6/7 における a.getAttribute(href,2) 問題の分析と解決

簡単な説明<br />IE6および7では、一般的なaタグ(HTMLで記述され、DOM操作...

Win10 の Linux サブシステムを有効にする方法を説明します (詳細な画像とテキスト付き)

今日は、Windows 10 で Linux サブシステムを有効にする方法を紹介します。早速、手順を...

Vue で eslint 検出をオフにする方法 (複数の方法)

目次1. 問題の説明2. 問題解決1. 問題の説明Vue プロジェクトを開発する場合、作成時に誤って...

JavaScript でクールなマウス テーリング効果を実装

これを見た後、あなたにも手ができて、さまざまな美しい小さなしっぽを作れるようになることを保証します!...

WeChatアプレットで計算機機能を実装する

この記事は、WeChat アプレットを使用して作成された簡単な計算機です。興味のある方はご覧ください...

mysql での rpm インストールの詳細な説明

インストールとアンインストールの表示 # rpm -qa | grep mysql を表示 # アン...

まだ*を選択しますか?

アプリケーションが牛のように遅い理由は数多くあります。ネットワーク、システム アーキテクチャ、または...

ウェブページを作成する際に注意すべき点

--ホームページのバックアップ1.txtテキスト2. 画像をスキャンする3. PSDデザイン原画(A...

Nginx コンテンツ キャッシュと共通パラメータ設定の詳細

使用シナリオ:プロジェクトのページでは、頻繁に変更されず、個別のカスタマイズも伴わない大量のデータを...

Docker コマンドラインの完全ガイド (知っておくべき 18 のこと)

序文Docker イメージは Dockerfile といくつかの必要な依存関係で構成され、Docke...

CentOS 8 に htop をインストールする方法のチュートリアル

システムをインタラクティブに監視したい場合は、htop コマンドが最適な選択肢の 1 つです。 ht...

Linux でのマルチスレッドにおけるフォークの紹介

目次質問:ケース(1)子スレッドを作成する前にフォークするケース(2)子スレッドを作成した後にフォー...