AltitudeTVM
HTML
0

HTMLの学習パート1：HTMLドキュメントを作成するためのテキストエディターの選択

HTMLコードを書くには、テキストが必要ですエディター。このテキストエディターは、HTMLだけでなく、CSS、PHP、Pascalなどの他のプログラミング言語にも使用されます。実際には、Windowsのデフォルトのメモ帳だけを使用するだけで十分です。私が職業高校にいたとき、私はしばしばメモ帳を使用してWebプログラミングタスク、特にHTMLとCSSを行いました。

このHTML学習チュートリアルでは、メモ帳++を使用することを強くお勧めします。 Notepad ++は、HTMLを含む多くのプログラミング言語をサポートするテキストエディターです。だけでなく ユーザーフレンドリー、Notepad ++も非常に軽量なので、PCのパフォーマンスに負担をかけません。

HTMLドキュメントの作成を開始する

最初にソフトウェアをダウンロード ここに, その後、通常どおりインストールします. その後、以下の設定を行って、HTMLをデフォルトの言語にします。新しいドキュメントを作成するたびに、設定する必要がなくなりました デフォルトの言語彼女。

1.入力 設定 > 好み.

メモ帳++設定

2.その後、 新しいドキュメント。に デフォルトの言語、選択 HTML。次に選択します 閉じる もしそうなら。

デフォルト言語としてHTMLを選択する

3.矢印で示されている紙のアイコンをクリックして、新しいドキュメントを作成します。

新しいHTMLドキュメントを作成する

4.その後、以下のHTMLコードを記述してみてください。

<!DOCTYPE html>
<html>
<head>
<title>
Dokumen HTML
</title>
</head>
<body>
Ini merupakan dokumen HTML pertamaku
</body>
</html>

5. Notepad ++ウィンドウでは、次のようになります。

メモ帳++

6.その後、選択してドキュメントを保存してください ファイル > 保存する.

7.必要な場所に保管します。たとえば、ドキュメントをフォルダに保存します HTMLを学ぶ 名前で ドキュメント1.

HTMLファイルの場所

8.その後、以前に保存したドキュメントをダブルクリックします。ブラウザで実行すると、結果は次のようになります。

ブラウザでの結果

私が気に入っているNotepad ++の機能の1つは、この機能の存在（機能の名前が何であるかわかりません）。たとえば、「<h ..」と入力すると、下にプレフィックス「<h ..」で始まるいくつかのタグが表示されます。この機能を使用すると、HTML内のタグを覚えやすくなります。

提案機能

HTMLコードの作成

以下の2番目のHTMLコードをチェックして、違いを見つけてください。

最初の記事

<!DOCTYPE html>
<html><head><title>Dokumen HTML</title></head>
<body>Ini merupakan dokumen HTML pertamaku</body></html>

2番目の記事

<!DOCTYPE html>
<html>
<head>
<title>
Dokumen HTML
</title>
</head>
<body>
Ini merupakan dokumen HTML pertamaku
</body>
</html>

気づいたら、2番目の記事はもっと多いきちんとしていて目に心地よい。ただし、2つのHTMLコードを実行すると、結果は同じになります。これは、HTMLのタグがスペースを無視するためです。

また、HTMLでタグを記述することもできません。 大文字と小文字を区別 つまり、大文字と小文字の区別はありません。たとえば、<p>と<P>は同じです。ただし、それでも小文字のみを使用することを強くお勧めします。

ドキュメントを正常に実行しました初めてのHTML。次に、これらの3つの用語がHTMLドキュメントの作成に重要な役割を果たすため、HTMLに含まれるタグ、属性、および要素を知る必要があります。

続きを読む：
コメント 0