HTMLでブログを作成する方法

click fraud protection

HTMLでブログを作成することは、任意のテキストエディタで更新できるブログを作成する簡単な方法です。 ブログには、基本的なHTMLで簡単に作成できる共通の要素がいくつかあります。 各ブログ投稿は、最後の上に表示され、タイトル、日付、およびコンテンツが含まれている必要があります。 HTMLコメントタグを使用すると、ブログ投稿のコードはページに残りますが、実際の投稿に使用されるまで表示されません。 コードはコメントタグセクションからコピーされ、最後のブログ投稿の上のページに貼り付けられます。 次に、コードにコンテンツが入力されます。

ステップ1

テキストエディタを開き、[ファイル]と[新規]をクリックして新しいファイルを作成します。 すべてのコンピューターにはテキストエディターが付属しています。 WindowsPCはメモ帳を使用します。 これは、[スタート]メニューの[アプリケーション]の下にあります。 MacPCにはテキスト編集機能があります。 テキスト編集を開くには、Finderを開き、[アプリケーション]をクリックします。 [テキスト編集]アイコンまで下にスクロールし、ダブルクリックして開きます。

今日のビデオ

ステップ2

ページの基本的なHTMLタグを入力して、Webページを作成します。 例えば:

私のブログ

ステップ3

最大の見出しタグを使用して、ページにタイトルを付けます。 見出しタグはhで始まり、1が最大の数字で終わります。 例えば:

style要素はCSS要素を使用して、タイトルをページの中央に配置します。 ヘッダーもそれらの後にダブルスペースを残します。

ステップ4

小さいヘッダータグと段落タグを使用してブログ投稿コードを作成します。 例えば:

私の最初の投稿

2010年6月1日

これは投稿です


EMタグはテキストをイタリック体にします。 ブレークまたはBRタグは、日付の後に改行を入れます。 Pまたは段落タグは、テキストのブロックの後に二重改行を入れます。 HRタグは、段落の後にページ全体に線を引きます。

ステップ5

ブログ投稿のコードをコピーして、最初の投稿の前に配置します。 コメントタグにコードを配置します。 コメントタグはです。 この例のページは次のようになります。

私のブログ

私の最初の投稿

2010年6月1日

これは投稿です


コメントタグは、未使用のコードをブラウザから見えなくします。 ブログ投稿に使用するには、コードをコピーしてコメントタグを削除するだけです。

ステップ6

「ファイル」と「保存」をクリックして、ファイルをindex.htmlとして保存します。