HTML文書の基本構造（Webページ作成の基礎知識）
|
HTMLの動作原理: 1. ローカル操作: ブラウザでhtmlファイルを開く 2. リモートアクセス操作: ローカルブラウザがリモートサーバー(tomcal)にアクセス ウェブページ ファイルは将来サーバーに保存されるため、ウェブページ ファイル名に中国語の文字を含めないことをお勧めします。HTML ファイルを保存する場合は英語を使用することをお勧めします。.htm または .html のファイル サフィックスを使用できます。 2. HTML文書の基本構造 1. ドキュメントの骨組み: すべてのウェブページファイルは通常、ドキュメントの骨組みを形成する次の4つのタグのペアで構成されています。 コードをコピー コードは次のとおりです。<html> <ヘッド> <title>ウェブページのタイトル</title> </head></p> <p><body> ウェブページに表示されるコンテンツを配置する場所です </本文> </html> <html>....</html>: Web ページの開始と終了を示します。すべての HTML 要素はこれらのタグの間に配置する必要があります。 <head>....</head>: タイトル、検索エンジンのキーワードなど、Webページファイルのヘッダー情報を識別します。内部のコンテンツが最初に読み込まれます。 <title>....</title>: Webページファイルのタイトルを識別します <body>....</body>: ウェブページファイルの本体、つまりページの表示コンテンツを識別します。 2. メタタグ メタタグは、ファイル情報の定義や検索エンジンによる検索を容易にするためのWebページの説明に使用されます。<head> <head/>の間に配置する必要があります。 キーワードを設定: (検索エンジン用の短いキーワード) Web ページのバージョンを説明します。 Web ページがどのソフトウェアを使用して作成されたかを説明します。 コードをコピー コードは次のとおりです。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>"> <html xmlns="<a href="http://www.w3.org/1999/xhtml">http://www.w3.org/1999/xhtml</a>"> <ヘッド> <meta http-equiv="コンテンツタイプ" コンテンツ="text/html; charset=utf-8" /> <meta name="keywords" content="Web デザイン、Web ページの学習" /> <meta name="description" content="Web デザインの学習方法、Web デザインの学習方法、HTML 中国語マニュアル" /> <meta name="author" content="123WORDPRESS.COM" /> <meta http-equiv="refresh" content="2;url=http://www.baidu.com" /> <meta name="改訂" content="html4.01"> <title>HTML ドキュメントの基本構造_meta タグ</title> </head> <本文> メタ タグは、ファイル情報を定義し、検索エンジンによる検索を容易にするために Web ページを説明するために使用されます。 </本文> </html> 3. 頭部 コードをコピー コードは次のとおりです。<ヘッド> <title>Web ページのタイトル</title>ファイル タイトルの宣言<mate>ドキュメントのキーワード、説明、文字セット設定などのドキュメント情報。 <base> ハイパーリンク URL ベース参照ポイント JavaScript および VBScript プログラム スタイルシートを使用してレイアウト宣言を設定できます <link> は CSS レイアウトサンプルなどの外部ファイルを参照できます。 </head> 3. HTMLタグの構文 HTML の最も基本的な構文は <tag>content</tag> です。タグは通常、開始タグと終了タグのペアで使用されます。終了タグのない単一のタグもあります (例: <hr/>)。 HTML タグの種類: 単一タグと二重タグ二重タグ: 単一マーカー: コードをコピー コードは次のとおりです。<!-- 属性付き: <tag name attribute="属性値">...</tag name> 例: <font size="3">.....</font>--> <font size="4" color="#33FF00">2. 体育の先生はこう言いました: 私の授業にスカートをはいて来る者は、逆さまに立たせる罰を与えます! </font> </p> <p><!-- 属性なし: <tag name>...</tag name> 例: <title>.....</title>--></p> <p><!-- 属性あり: <tag name attribute="attribute value"> 例: <hr width="200"/> (デフォルトは中央揃え)--> <hr width="200"/></p> <p><!--属性なし: <タグ名> 例: 改行を示しますが、段落区切りではありません--></p> <p>3. 私の心の中で暮らして、家賃を払っていますか? 4. 君のせいで私は面目を失った。だから、ステージに戻るチャンスすら与えない。 |
推薦する
CentOS7 のシステム サービスに Nginx を追加する方法
導入コンパイル、インストール、問題の解決後、Nginx は正常に動作していますが、現時点では Ngi...
この記事ではJavaScriptの基本であるディープコピーとシャローコピーについて説明します。
目次浅いコピーディープコピー補充する要約するコピー（クローン、複製などとも呼ばれる）ですが、ディープ...
MySQLデータベースの基礎知識と操作のまとめ
この記事では、例を使用して、MySQL データベースの基本的な知識と操作について説明します。ご参考ま...
ElementUI の this.$notify.close() 呼び出しが機能しない問題の解決方法
目次要件の説明問題の説明問題分析問題解決質問の拡張要件の説明このプロジェクトでは、まずユーザーが質問...
CSS グリッドレイアウトを使用してレスポンシブな縦棒グラフを作成する方法
私はしばらくの間チャートをいじっていましたが、好奇心から、CSS を使用してチャートを作成するより良...
Ubuntu MySQL バージョンが 5.7 にアップグレードされました
数日前、図書館はサーバー（Ubuntu 14.04）にセキュリティ上の脆弱性があり、時間通りに修復さ...
node.jsのインストールとHbuilderXの設定の詳細な説明
npm インストールチュートリアル: 1. Node.jsインストールパッケージをダウンロードする公...
LinuxシステムのAnsible自動運用保守導入方法
Ansible は、Python をベースに開発された新しい自動運用・保守ツールです。 多くの古い運...
過去の Linux イメージの問題を修正するためのサンプル分析
過去の Linux イメージに関する問題を修正従来の Linux イメージで作成された ECS クラ...
MySQL UPDATE ステートメントの「典型的な」落とし穴
目次1. 問題のあるSQL文たとえば、次の図のような質問をした人がいました。 問題は次のように要約で...
HTML テーブル マークアップ チュートリアル (14): テーブル ヘッダー
<br />HTML 言語では、タグを使用してテーブルにタイトルを自動的に追加できます。...
Linux での Python のアップグレードと pip のインストールの詳細な説明
Linuxバージョンのアップグレード: 1. まず、Linuxオペレーティングシステムに付属するPy...
MySQL の列から行への変換のヒント (共有)
序文：多くのビジネス テーブルでは、歴史的またはパフォーマンス上の理由により、最初のパラダイムに違反...
デザイナーの「職業病」について
デザイナーは世界で最も繊細で感情的な人々だと私はいつも感じています。私がこう言うときに優越感を感じる...
今日、今週、今月、先月のMySQLクエリデータ
今日 テーブル名から * を選択します。ここで、to_days(時間フィールド名) = to_day...