シンプルなHTMLウェブサイトを作成するには?


HTMLまたは ハイパーテキストマークアップ言語 その名前が言うように、マークアップ言語です。従来の意味でのプログラミング言語とは見なされません。作成者がHTMLタグを使用してドキュメントを作成し、さまざまな部分にマークを付けることができる言語です. HTML に触発されました SGML, そしてその最初のバージョンは1990年にCERNで登場しました.

HTMLはもともと、World Wide Webがドキュメント検索システムと見なされていた当時、単純な静的ドキュメント用に設計されていました。現在、ほぼすべてのWebページでHTMLが使用されており、Webの言語となっています。最後のイテレーションはHTML5で、これはすべての主要なブラウザーでサポートされており、1997年に「標準化」されたHTML 4の改良版です。.

この記事はピンポイントになります シンプルなHTMLウェブサイトを作成するための基本, 選択した職業に関係なく、誰でも学ぶことができる何か.

HTMLを学ぶべき理由?

今日のテクノロジーを使えば、誰もが1行のHTMLをコーディングする必要なく、高速で見栄えの良いWebサイトを作成できると主張することができます。.

多くの場合、人々はプラグイン/モジュール/拡張機能をWordPress、Drupal、JoomlaなどのCMSに追加して、数行のHTMLで実現できた単純な機能で拡張します。プラグインの方が簡単かもしれませんが、ページの読み込み時間が長くなる可能性があります。これは、セキュリティと更新の点で心配すべきもう1つのことです.

HTMLを学ぶのは非常に簡単で、作成したコードをコンパイルする必要があるプログラミング言語とは異なり、結果をすぐに見ることができるので、とても楽しいかもしれません。 HTMLの学習を開始するために必要なすべてのツールが既にあり、Webブラウザーがあり、メモ帳のような単純なテキストエディターがあることは確かです。 Microsoft Wordのようなアプリケーションはそれを行いません。基本的なプレーンテキストエディター(メモ帳、メモ帳++)が必要になります。いわゆるIDE(統合開発環境)があり、構文の強調表示やオートコンプリートなどの機能を備えたHTMLの記述に役立ちます.

こんにちは世界!

Notepad ++やSublime Text Editorなどの無料のテキストエディターを入手して起動できます。空のファイルを「hello.html」としてデスクトップに保存します。これにより、HTMLモードのエディターが変更されるため、IDEの利点を享受できます。次に、次のテキストを入力します。

こんにちは世界!

こんにちは世界!

ファイルを保存し、Webブラウザーを使用して開きます。それほど難しいことではなかったでしょう?ファイルを変更して保存し、ブラウザでページを更新すると、行ったすべての変更が表示されます。恐れる必要はありません。オペレーティングシステムに影響を与える方法はありません。ファイルやその性質のものを削除することはできません。そして、「マスターは初心者が試したよりも何度も失敗した」ということわざにあるように、失敗を恐れないでください。

HTMLの基本と101

HTMLの基本101

HTMLはタグとテキストで構成されます。 HTMLタグはブラウザにとって特別な意味を持ち、基本的にこれはドキュメントをマークアップする方法です。一部のタグには、たとえば、順序付けされていないリストタグのように、他のタグを含めることができます

    リスト項目を含めることができます
  • 初期化。段落タグ

    改行タグを含めることができます
    , アンカータグ , 大胆な , イタリック , などのタグ.

    この例では、メインのHTMLタグにheadタグとbodyタグが含まれています。 headタグでは、ブラウザーのタブタイトルに表示されるドキュメントのタイトルを指定できます。本文には、H1タグまたは見出し1タグがあります。.

    HTMLタグには、タグの動作を変更できる属性を含めることができます。たとえば、「スタイル」属性をH1に追加して、そのスタイルを指定できます。 style =” color:red”を追加すると、次のようになります。

    こんにちは世界!

    色をデフォルトの黒から赤に変更できます。もちろん、より大きなWebページでは、要素を1つずつスタイル設定すると問題が発生する可能性があり、HTMLが乱雑になります。より良い方法は、要素にクラス属性またはIDを与え、次にそのクラスまたはIDによってそのスタイルを指定することです.

    たくさんあります HTMLチュートリアル インターネット上のリソース、YouTubeまたはThe Great Curses Plusのチュートリアルを見るか、HTMLに関するインターネット上の何千もの記事の1つを読むことができます。.

    覚えておくべきことの1つは、どれだけ読んだり見たりしても、手を汚してHTMLを書き始める必要があるということです。 HTMLに自信を持って流暢になるまで、これはあなたが学ぶ唯一の方法です。なぜなら、書き始めると、さらに多くの質問があり、それらの質問はさらに多くの質問につながるからです。.

    スタイリングとスクリプト

    純粋なHTML Webページは静的です。つまり、「最新ニュース」など、動的に変化する部分を含めることはできません。常に更新されているニュースセクションを備えたWebサイトを作成する場合、記事を作成し、それへの参照を更新するだけで、非常に大きなタスクになる可能性があります。.

    一方で、名刺や私についてのWebサイトをHTMLで作成し、それが頻繁に変更されない場合(月に1〜2回程度)は、静的なHTML Webサイトが最適です。データベース、サーバー側の処理(PHP、Python、Rubyなど)のような「動く」部分がないため、問題が少なく、非常に高速です。.

    JavaScriptを追加して静的ページを動的にすることができます(ECMAスクリプト 正確には)スクリプトプログラミング言語です。 JavaScriptを使用すると、HTMLの一部を非表示または表示してユーザー入力に応答したり、Webページの外観を変更したりできます。と AJAX, サブページ、お問い合わせフォーム、最新のツイートなど、ウェブサイトから追加のリソースをリクエストして、ウェブサイトに組み込むことができます.

    デフォルトのHTMLスタイルはかなり退屈で、白い背景に黒いテキストです。 CSS(Cascading Style Sheets)を使用して、HTML要素のスタイルを変更できます。 HTMLでは、ドキュメントのレンダリング方法を制御することはできません。これはHTMLの機能であり、欠点ではありません。 CSSを使用すると、もう少し正確にすることができますが、100%制御することはできません。一部のブラウザーは、他のブラウザーとは少し異なる動作をします。すべての主要なブラウザーでサポートされている現在のCSSバージョンはCSS3であり、以前の標準にはなかった多くの便利な機能を備えています.

    CSSを理解するには、ボックスモデルから始める必要があります。これにより、最初の混乱を大幅に減らすことができます。また、ボーダー、パディング、マージンなどの違いを理解することが重要です。CSSは非常に簡単に習得できます。 HTMLの場合と同様に、行った変更がすぐに表示されます。すでに述べたように、任意のHTMLタグにIDまたはクラス要素を追加し、それらのIDおよびクラスのCSSルールを作成できます。例に戻ると、ヘッドセクションで次のテキストを記述した場合,

    体 {

    背景色:青;

    }

    デフォルトの白いドキュメントの色を青に変更します.

    CSSで留意すべきことの1つは、ブラウザ固有のタグがたくさんあることです。そのため、異なるブラウザ、または少なくともGoogle Chrome、Mozilla Firefox、Internet Explorer 11、およびEdgeを使用してWebサイトをテストしてください。一部のモバイルブラウザー、特にSafari IOSでも簡単に確認できます。.

    結論

    HTMLとCSSの学習は、ほとんどのプログラミング言語よりも簡単で、非常にやりがいのある体験になります。 HTMLを使用すると、CMSの場合のように妥協することなく、希望どおりのWebページを作成できます。 HTML Webサイトを構築すると、どこにでもホストでき、非常に高速にロードされ、スムーズになります.

    あらゆる種類のドラッグアンドドロップDIY Webサイトビルダーが登場したとしても、HTMLは時代遅れとは言えません。すべてのWebサイトをサポートし、強力なCMSおよびWebサイトビルダーツールを使用しても、コーディングの知識がなくてもプロ並みのWebサイトを構築できます。サイトのあちこちを調整して、思い通りの方法で取得できます。彼らになりたいです。いくつかのHTMLを学ぶことでそれが可能になります.

    HTMLの基本を知ることは、ITでのキャリアを計画している人だけでなく、誰にとっても身につけるのに便利なスキルです。 Webコンテンツ、オンラインマーケティング、翻訳、およびオンラインプレゼンスを必要とするすべての人を扱う人は、HTMLの短期集中コースの恩恵を受けます.

    Jeffrey Wilson Administrator
    Sorry! The Author has not filled his profile.
    follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map