HTMLを使用してコンピューターを構築する方法

著者: John Stephens
作成日: 22 1月 2021
更新日: 1 J 2024
Anonim
Web開発最初の1歩(自分のパソコンに開発環境を構築する手順)【プログラミング】
ビデオ: Web開発最初の1歩(自分のパソコンに開発環境を構築する手順)【プログラミング】

コンテンツ

数え切れないほどの組み込みの計算機に加えて、HTMLコードを使用してデスクトップで数学を実行して自分で構築することもできます。 HTMLからコンピューターを作成するには、このプログラミング言語に関する基本的な知識を学び、必要なコードをテキストエディターにコピーして、HTMLとして保存する必要があります。これで、お気に入りのブラウザでHTMLドキュメントを開いて、コンピュータの使用を開始できます。そのように、ブラウザで数学を行うだけでなく、プログラミングアートの基礎も学ぶことができます!

手順

パート1/4:コードを理解する

  1. 各htmlの機能を学びます。 コンピューターの構築に使用するコードは、多くの構文フラグメントで構成されています。それらを組み合わせて、ドキュメントのさまざまな要素を作成します。ここをクリックしてプロセスに慣れるための方法を学ぶか、テキストの各行が使用するコードで何をするかを確認するために読んでください。
    • html:構文のこの部分は、ドキュメントの残りの部分に、使用する言語を指示します。プログラミングでは、多くの言語が使用され、 ドキュメントの残りの部分に、それが-正しい-htmlで書かれていることを知らせてください!
    • :以下の内容は、「メタデータ」(メタデータ)とも呼ばれるデータに関するデータであることをドキュメントに伝えます。コミナンド 見出し、見出しなど、ドキュメントのスタイル要素を定義するためによく使用されます。これは、残りのコードをカバーする傘と考えることができます。
    • 題名:ここでドキュメントに名前を付けます。この属性は、htmlブラウザで開いたときのドキュメントのタイトルを決定します。
    • body bgcolor = "#":この属性は、コードの背景と本体の色を指定します。 #記号の後の引用符で囲まれた数字は、htmlで指定された色に対応します
    • text = "":引用符で囲まれた単語は、ドキュメント内のテキストの色を指定します。
    • フォーム名= "":この属性は、フォームの名前を指定します。そのおかげで、Javascriptは問題のフォームが何であるかを識別し、そのフォームから構築された構造を適用します。ここでは、たとえば、Calculatorフォームを使用すると、ドキュメント用に別の構造が作成されます。
    • 入力タイプ= "":ここでアクションが実行されます。 「入力タイプ」プロパティは、残りの括弧内の値がどのタイプの入力であるかをドキュメントに通知します。テキスト、パスワード、ボタン(コンピューター用)などが考えられます。
    • 値= "":このコマンドは、上記で指定された入力タイプに含まれるコンテンツをドキュメントに通知します。計算機の場合、それは数字(1-9)と数学(+、-、 *、/、=)になります。
    • onClick = "":この構文はイベントを記述します-誰かがボタンを押すと何かが起こることをドキュメントに伝えます。コンピューターでは、押された各ボタンが表示されるようにします。たとえば、「6」ボタンを使用すると、引用符の間にdocument.calculator.ans.value + = '6'を配置します。
    • br:このタグは、ドキュメント内の行を返すのに役立ちます。それに続くコンテンツは、その前のコンテンツの下の行に表示されます。
    • / form、/ body、および/ html:これらのコマンドは、この時点でドキュメントに通知し、初期化された対応するコマンドは終了します。
    広告

パート2/4:基本的なHTMLコンピュータープログラミング


  1. 次のコードをコピーします。 ボックスの左上隅から右下隅まで押したままドラッグして、下のボックス内のテキストを選択します。テキスト全体が緑色に変わります。 Macの場合は「Command + C」、PCの場合は「Ctrl + C」を押して、コードをクリップボードにコピーします。広告

パート3/4:コンピューターを作成する


  1. コンピューターベースのテキストエディターを開きます。 多くのオプションがありますが、利便性と品質のために、TextEditとNotepadが使用する2つのアプリケーションです。
    • Macでは、画面の右上隅にある拡大鏡をクリックしてSpotlightを開きます。 Spotlightで、TextEditと入力し、プログラムをクリックします。緑色で強調表示する必要があります。
    • PCで、画面の左下隅にある[スタート]メニューを開きます。検索バーに「メモ帳」と入力し、右側の結果バーに表示されるメモ帳アプリをクリックします。

  2. コンピューターで生成されたHTMLコードをドキュメントに貼り付けます。
    • Macでは、ドキュメントの本文をクリックしてを押します 「コマンド+ V」。次に、アイテムをクリックする必要があります "フォーマット" (フォーマット)画面上部と 「プレーンテキストを作成する」 (空白のテキストを作成)貼り付けた後。
    • PCで、ドキュメントの本文をクリックして「Ctrl + V」を押します。
  3. ファイルを保存します。 ウィンドウの左上隅にある[ファイル]ボタンをクリックし、ドロップダウンメニューで[ファイル]をクリックします。 「名前を付けて保存...」 (名前を付けて保存)-PC、または "保存する ..." (保存)-Macの場合
  4. ファイル名のHTML拡張子を追加します。 [名前を付けて保存...]メニューで、拡張子が「.html」のファイル名を入力し、[保存]をクリックします。たとえば、ファイルFirst Computerを呼び出すには、「MayTinhDauTien.html」として保存します。

パート4/4:コンピューターの使用

  1. 作成したファイルを見つけます。 前の手順で示したように、Spotlightまたは[スタート]メニューの検索バーにファイル名を入力します。 「html」拡張子を入力する必要はありません。
  2. クリックしてファイルを開きます。 デフォルトのブラウザは、新しいWebサイトでコンピュータを開きます。
  3. コンピュータのボタンをクリックして使用します。 計算結果が結果バーに表示されます。広告

助言

  • 必要に応じて、このコンピューターをWebページに埋め込むことができます。
  • スタイルプロパティを使用して、コンピューターの外観を変更することもできます。