基本的なHTMLを学び、ウェブサイトの構築を開始する
Webサイトを作成するための基本的なHTMLを学びます。 基本的なHTMLは学ぶのが難しくありません。 HTMLを学ぶことは、あなた自身の個人用Webサイトを作成したい場合にはおそらく最も重要なことです。 良いページをデザインするには、インターネット上のWebサイトが基づいている言語なので、HTMLを学ばなければなりません。
Webサイトは、あなたの人生で何かを披露するのに最適な方法です。 基本HTMLは、あなたがあなたのWebサイトにそれらを表示したいものを何でも表示します。 色を追加する、テキストサイズを変更する、Webサイトに写真を含めることは、基本的なHTMLを学ぶときにできることのほんの一部です。
基本的なHTMLを学ぶためには、実際に何を表しているかの略語である単なる一連の文字であることに留意する必要があります。 たとえば、H1は5つのサイズのうちの最初の段落の見出しを表し、BRは改行を表します。
重要なことは、基本的なHTMLを学びながら、Webページ上ではHTMLタグが特定の順序で来なければならず、ほとんどのHTMLタグにはブラウザがコマンドを認識するための開始タグと終了タグがなければならないということです。 終了タグは、 /記号で始まることを除けば、開始タグと同じです。 見出しはこの見出し H1>のようになり
ます。 開始タグH1 、見出し、終了タグ/ H1があります。
基本的なHTMLを正しい方法で学び、タグが特定の順序で来なければならないことを忘れないでください。 Webページの基本的な構造は次のとおりです。
ここには、フレーム、言語、特別な指示などの重要な文書情報を入れることができます。
HEAD>
あなたの物語、写真、リンク、その他すべてをここに入れてください。
あなたの段落の見出し。 H1>
ここに文書のテキストを入力します。 P>
これはリンクを書く方法です:
http://www.nameofpage.com ">タイトルまたはあなたが言うことを言いたい。
BODY>
HTML>
また、文の途中にリンクを入力することもできます。 「Microsoftに素晴らしいデモがあります」と言いたい場合 それは次のようになります:
http://www.microsoft.com/en/us/default.aspx "> Microsoft には、基本的なHTMLの学習に役立つすばらしいデモがあります。
他のページへのリンクを作成するだけでなく、同じページ上の別の場所へのリンクを作成することもできます。 この記事の冒頭に戻って欲しいと思ったら、「Go Back」のようなものを言って、ハイパーリンクをクリックすることで最初に戻ることになります。 これには2つの部分があるため、これはもう少し難しいです。 まずあなたのリンクを作成します:
「そこに」という言葉は、私があなたに連れて行きたい言葉です。今私はその言葉に行き、作成してアンカーする必要があります。
基本的なHTMLを学ぶときは、Windowsに付属のテキストエディタ、NoteTabやArachnophiliaなどのプログラム、またはWebブラウザに付属のプログラムでWebサイトを作成できます。 いずれにしても基本HTMLを学んだときのルールに従えば、すべてうまくいくでしょう。
基本HTMLタグ
<!-...-> - ブラウザから見えない著者のコメント。
... HTML> - 常にこのタグを使用してページを開始して終了します。
... HEAD> - ドキュメントのヘッダ。
... BODY> - ドキュメント本体。
... H1>
- 見出しサイズの最小値。
... H2>
- 小さな見出しサイズ。
... H3>
- 見出しサイズは中程度です。
... H4>
- 見出しサイズが中程度です。
... H5>
- 大きな見出しサイズ。
... H6>
- 見出しの最大サイズ。
... - ハイパーテキストリンクを開始します。
<住所> ... 住所> - 著者に関する情報。
... BLOCKQUOTE>
- 長い引用符。
... PRE>
- 書式設定済みのテキスト。
- フォームブロック。
- テキストを入力するためのボックスを作成します。
- スクロールメニューを作成します。
- 選択する項目を作成します。
... OL>
- 順序付きリスト。
順序付きリストの例:
- 赤
- 青
- 緑
... UL>
- 順序付けられていないリスト。
順序なしリストの例:
- 赤
- 青
- 緑
- メニューリスト。
... DL>
- 用語集リスト。
... CITE> - 引用。
... CODE>
- コードフォント。
... DFN> - 定義された用語。
... EM> - 強調。
赤を重視する例:
赤、青、緑
... I> - イタリック体。
斜体の例:
赤、青、緑
... KBD> - キーボードテキスト。
... SAMP> - サンプルテキスト。
... STRONG> - 重点を置いています。
強い強調の例:
赤、青、緑
... TT> - タイプライターのテキスト。
... VAR> - 変数。
... B> - 太字。
- ドキュメントについて説明します。
- 改行。
- 水平線。
- イメージ。
- 段落。
- リストアイテム。
- リスト内の用語をマークします。
- リスト内の定義をマークします。