フロントエンドの入門 (1)_html/css_WEB-ITnose

WBOY
リリース: 2016-06-21 08:49:29
オリジナル
903 人が閲覧しました

1 時間で 1 ページを書く方法を学びましょう

私は怠け者の末期がん患者として、問題に対する簡単な解決策を見つけて単純化することにいつも慣れているので、それを他の人と共有したいと思います。今日はフロントエンドを始めるための簡単な方法です。 1時間お題が決まったので、これ以上くだらないことは言わずにタイマーがスタート

1. フロントエンドとは

簡単に言うと、フロントエンドとはWeb ページ (批判しないでください。この記事ではすべてを単純にします))

2. フロントエンド テクノロジ

html は頭字語です。具体的な内容については、Baidu を参照してください。意味。「t」は text を表していることを覚えておいてください。誤解はありません。text はテキスト ファイルです。準備は完了です。Web ページの作成を始めましょう

3. 最初の Web ページ

周りにコンピューターを持っている友人に私から始めてください。デスクトップを右クリックして txt ファイルを作成し、index という名前を付け、サフィックスを html に変更します。ポップアップ ボックスが表示されるので、クリックします。 OK~ このファイルをクリックしたほとんどの人はブラウザで開きます。その場合は、このページを閉じて次のステップに進みます

4. コンテンツを追加します

作成したファイルを右クリックすると、メモ帳で直接開くことができます。ドキュメントに hello world と入力します ~ 更新するだけで閲覧できます ブラウザで開いたページ ~ hello world が期待どおりに存在するはずです

5 . ページ構造

ドキュメントに次のコードを入力します

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Document</title></head><body></body></html>
ログイン後にコピー

6. コードの説明

<!DOCTYPE html>
ログイン後にコピー

このコード行は、 の場合、HTML 4.01 には 3 つの宣言があり、HTML5 A ステートメント 2 には上記のみがあります。

ページ ドキュメントのコンテンツ全体が HTML タグで囲まれています。 1. この Web ページが英語の Web サイトであることをブラウザーに伝えます。 website は中国語の Web サイトです。 3. lang="en" は省略可能
<html lang="en">...</html>
ログイン後にコピー

head タグには、文書のさまざまな属性や情報を記述するタグ (、<🎜) を配置できます。 title>、
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート