すべてのウェブページにはタイトルが必要です。なぜあなたのページにはないのでしょうか？HTMLの主要なタグペアのひとつが<title></title>タグです。titleタグは、デフォルトのブックマークタイトルから、別のタブにいるときでもサイトに注意を引きつける点滅する文字まで、ウェブサイトのいくつかの機能に影響を与えます。
知っておくべきこと
- Atom、Brackets、TextEdit、Notepad++などのプログラムでHTMLを作成します。
- <title>Something</title>タイトルタグをコードに追加する。
- Something "を好きなタイトルに変更し、ファイルを保存する。
パート1
HTMLレイアウトの作成
-
Atom、Brackets、あるいはTextEditやNotepad++などのテキスト編集プログラム（またはIDE）を開きます。
-
<html>ボディを作成します。<html>タグを使用して、いずれかのタグを改行した.htmlファイルを作成します。タグは必ず</html>で閉じてください。
-
<head>セクションを追加します。<html>タグの間に<head>タグを置き、head（メタデータ・セクション）セクションを定義します。タグは必ず</head>で閉じてください。
-
<body>セクションを追加します。</head>タグの下と</html>タグの上に、<body>（コンテンツ・セクション）タグを追加します。必ず</body>でタグを閉じます。
- オプションとして、body（またはcontent）セクションに「テスト」コードを追加して、正しくコーディングされていることを確認してください。コンテンツが表示されれば、コードがパース（読み込み）されていることを意味します。そうでない場合は、タイプミスか、読み込みをさせないような何かをしている可能性があります。
パート2
タイトルタグの追加
-
head（メタデータ）セクションに<title>タグを追加します。
- タグは必ず</title>で閉じてください。この2つのタグは同じ行に書くことができます。開始タグと終了タグの間に、タイトルの内容を書いてください。
パート3
コードをテストする
-
ファイルをアクセスしやすい場所に保存します。ファイル名をsomething.htmlとし、somethingを好きなものに置き換えてください。index.htmlファイルは、あなたのウェブサイトの「ホーム」または「ランディング」ページであることを覚えておいてください。
-
お好みのブラウザでページを開いてください。Google ChromeやMozilla Firefoxのようなブラウザは、フロントエンドのウェブサイト開発に適しています。.htmlファイルを開いてください。ほとんどのブラウザでは、⌘ Cmd+OやCtrl+Oなどのショートキーを使ってファイルを開くことができます。
-
タブの一番上にあるタイトルを見てください。希望のタイトルが表示されていれば、コードはロードされ、動作しています！もし表示されず、ファイル名（something.html）が表示された場合は、タイプミスの可能性があります。
-
あなたの仕事に感心してください。あなたは今、完全に機能するウェブサイトへの第一歩を踏み出したところです。
コメント
最新を表示する
NG表示方式
NGID一覧