ウェブサイトを作成するためのHTMLコマンド

コンピュータ

略語HTMLは、ハイパーテキストマークアップ言語の略語である。 HTMLはプログラミング言語ではなく、マークアップ言語です。

すべてのブラウザは、このマークアップを使いやすいビューに変換できます。

この言語では、特殊なコマンドが使用されますが、タグと呼ばれる。各タグには独自の機能があります。膨大な量のタグがあります。理想的には、すべてを学ぶ必要があります。しかし、初心者の開発者にとっては、基本的な知識で十分です。

基本的なHTMLコマンド

HTMLコマンドのリストは非常に大きいです。 しかし基本的なことはあまりありません。コードの記述を始めるには、エディタが必要です。メモ帳を使用できます。メモ帳++を使用することをお勧めします。彼はこのように見える。

サイトを作成するためのhtmlコマンド

利点は、特別な編集者タグは、カテゴリに応じて特定の色で強調表示されます。メモ帳や他のプログラムでHTMLサイトを作成するコマンドは同じです。言語はどこでも同じです。開発環境は単なるツールに過ぎません。

HTMLはクローズ、クローズしていませんタグ。この言語でも、入れ子という概念があります。コード内のすべてのオブジェクトは要素です。要素には、内容をカバーする開始タグがあります。さらに、タグには独自の値を持つ独自の属性があります。

図は2つの<html>タグと</ html>タグを示しています。 オープニングとクローズは同じですが、 "/"だけが異なっていることに注意してください。タグが閉じられていない場合、ハンドラは他のすべてをこの特定の要素の継続と見なします。これは非常に重要です。特に参照してください。我々はそれらをもう少し考慮する。

<html>タグは必須です。常に書く必要があります。しかし、それを閉じる必要はありません。標準によってそれは必要ですが、もしあなたが終わらなければ、それはまだ機能します。

その他の主要なタグがあります:頭と体。

ノートブックにhtmlサイトを作成するためのコマンド

これらのHTMLコマンドはページのスケルトンです。彼らは義務的です。彼らはまた閉じます。

タグの名前は意味に対応しています。 ヘッド - ヘッド。このセクションでは、目に見えないサービスや重要な情報を示します。ボディセクションはドキュメントの本体です。ここには、ユーザーに表示されるコンテンツがあります。後で混乱することがないように、一度にタグを閉じるようにしてください。

htmlコマンド

サービスセクションには、

  • 文書のタイトル。
  • スタイルファイル。
  • スクリプトファイル。
  • メタタグ。
  • 検索エンジンの手順
  • ロボットのための命令;
  • プログラマーは使用できますが、ユーザーは使用できないその他の情報。

スタイルシートは次のように接続します。

<link rel = "stylesheet" href = "style.css" type = "text / css">

スクリプトファイルは次のとおりです。

<script type = "text / javascript" src = "main.js"> </ script>

テキストにはタイトルが必要です。これを次のように指定します。

<title>ページタイトル</ title>

このテキストは、ブラウザタブのタイトルに表示されます。また、このヘッダは、検索エンジン出力の結果として出力される。

テキストのタグ

テキストは段落タグに配置する必要があります。 <p>テキスト</ p>と表示されます。テキストの場合は、<span> String </ span>を使用することもできます。

あなたはその言葉のようにテキストを作ることができます:

  • <i>斜体</ i>
  • <strong>ボールドテキスト</ strong>
  • <s>間違ったテキスト</ s>
  • <u>下線付きテキスト</ u>

テキストのスタイルを設定できます。最後に、他の要素を見直してみましょう。

ヘッダーの使用

他にも重要なHTMLコマンドがあります。 サイトの作成には必ず見出しを使用します。それらは、第1レベルの<h1>タグ</ h1>タグを使用して指定します。 1から6までのレベルがあります。ヘッダーにネストする必要があることを理解することが重要です。

図の例

基本コマンドhtml

使用することをお勧めします。1つのヘッダーh1のみ。この場合、<title>タグと一致する必要があります。もちろん、200個のヘッダーh1を指定できますが、検索エンジンによって認可されます。

画像の使用

画像はウェブページの不可欠な部分です。この例は、写真を挿入する方法を示しています。

サイトのhtmlコマンド

ご覧のとおり、この例では、どのように呼び出されているかを詳細に示しています。

リンクの使用

HTMLコマンドを学習する場合は、タグ参照を知っている必要があります。これはWorld Wide Webを構成する最も重要な要素の1つです。

リンクは<a>タグで示されます。しかし、それは閉じなければならない。さらに、この要素にはリンクアドレスが指定された必須属性hrefがあります。

htmlコマンド

上記の例では、リンクテキストの代わりに画像が表示されています。つまり、テキストと画像の両方を入れることができます。

リンクは、スタイルクラスまたは共通タグ(斜体、太字、下線、および取り消し線)を使用してフォーマットすることもできます。

表の使用

テーブルも頻繁に使用されます。当初、彼らは便利な形で情報を提示することを意図していました。しかし、彼らはそれを使ってページのさまざまな要素を配置しました。

表は次のように作成されます。

<table width = "100%" border = "1">

<tr>

<td>セルテキスト</ td>

<td>セルテキスト</ td>

</ tr>

<tr>

<td>セルテキスト</ td>

<td>セルテキスト</ td>

</ tr>

</ table>

width属性は、テーブルの幅を指定します。これはパーセントまたはピクセルで指定できます。枠線は枠の太さを示します。

構造は以下のように示される。 trタグは文字列です。 tdセルにタグを付けます。そして、すべて一緒にテーブルです。

htmlコマンドのリスト

テーブルを整列させることができます。これは、left、center、rightの3つの値を取るalign属性を使用して行います。使用例を以下に示します。

テーブルのhtmlコマンド

これらのHTMLコマンド(幅と位置合わせ)は他の要素に適しています。フレームの厚さも画像に示されています。

リストを使う

HTMLコマンドを使用すると、さまざまな種類のリストを作成できます。 Wordエディタとほぼ同じです。

Htmlでは、順序付けされたリストと順序付けられていないリスト(マークされている)があります。そのようなリストの例。

<ul>

<li>最初に</ li>

<li> 2番目の</ li>

<li> 3番目</ li>

</ ul>

結果は次のようになります。

  • 最初の
  • 第2
  • 3番目の

リストタイプ

HTMLコード

円の形で

<ul type = "disc">
<li> ... </ li>
</ ul>

円の形で

<ul type = "circle">
<li> ... </ li>
</ ul>

四角いマーカーで

<ul type = "square">
<li> ... </ li>
</ ul>

順序付きリストも同じ方法で作成されますが、<ul>の代わりに<ol>タグが使用されます。

ここでは、リストの出力タイプを設定することもできます:

  • "1" - アラビア数字1、2、3 ...
  • "A" - 大文字A、B、C ...
  • "a" - 小文字a、b、c ...
  • "私" - 大きなローマ数字I、II、III ...
  • "私" - 小さいローマ数字i、ii、iii ...

アラビア数字が標準で表示されます。

番号付きリストなので、リストの初期値を指定するstart属性があります。たとえば、10日または20日に開始するリストを表示できます。

スタイルの使用

サイトのHTMLコマンドは非常に多様ですが、彼らはすべてスタイルに従います。スタイルは、<link rel = "stylesheet" href = "style.css" type = "text / css">のいずれかのファイルとして指定するか、既製のスタイルを指定することができます。

これらの定義の間にスタイルには違いがあります。スタイルファイルは、サイトのすべてのページで指定できます。一度変更すると、この更新プログラムはサイト全体に影響を与えます。特定のページにスタイルを指定すると、これらのクラスの変更と使用はこのファイル内にのみ行われます。あなたの設定はそれを超えません。

あなたが20のHTMLページを持っていて、ヘッダーを2ピクセル大きくすることに決めました。スタイルシートにすべてがある場合は、それを編集するだけです。どこにいても個々には、20ページすべてを更新する必要があります。

次のように1つのページしか指定できません。

スタイルのhtmlコマンド

この方法はお勧めしません。