ホームページ > 記事 > ウェブフロントエンド > フロントエンドの入門 (1)_html/css_WEB-ITnose
フロントエンドの入門 (1)_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-21 08:49:29908ブラウズ
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>
このコード行は、 1a309583e26acea4f04ca31122d8c535 の場合、HTML 4.01 には 3 つの宣言があり、HTML5 A ステートメント 2 には上記のみがあります。
ページ ドキュメントのコンテンツ全体が HTML タグで囲まれています。 1. この Web ページが英語の Web サイトであることをブラウザーに伝えます。 website は中国語の Web サイトです。 3. lang="en" は省略可能
<html lang="en">...</html>
head タグには、文書のさまざまな属性や情報を記述するタグ (、 meta 要素はページ情報を提供します 1. ページのエンコード形式を示すために、meta に charset="UTF-8" を入れます。は UTF-82 で、メタに name="keywords" content="html、css、JavaScript を配置します。これはドキュメントを説明するキーワードです。
<meta charset="UTF-8">
はドキュメントのタイトルを定義します。次に従ってこれに名前を付けることができます。あなたのニーズ
<title>Document</title>
写真の挿入、説明の書き込み、ビデオの挿入など、body タグに配置されたドキュメントのすべてのコンテンツは body に配置されます
<body>....</body>
7. 実践ページ
このコードでは、Baidu のホームページを簡単に記述しました (実際の Baidu のホームページとは少し異なります)。主にページのコンテンツを追加する方法を説明します。 style ファイルの一部を style タグに追加します。具体的な意味はフロントエンド入門 (2) に書きます。
<!DOCTYPE html> <meta charset="UTF-8">百度一下，你就知道
まとめ
2 週間の研削を経て、ようやく最初の記事を書き終えました。これが基礎のない人たちに少しでも自信を与えることができれば幸いです。非常に簡単です。最初に 1 時間かけて、ゆっくりと興味のある点を見つけて、それに固執してください~
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。