ホームページ > 記事 > ウェブフロントエンド > html クイック スタート (基本チュートリアル + リソースの推奨事項)_html/css_WEB-ITnose
html クイック スタート (基本チュートリアル + リソースの推奨事項)_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 11:20:16856ブラウズ
1.html それは一体何ですか?
文字通り理解すると、HTML はハイパーテキスト マークアップ言語の略語であり、ブラウザーの Web ページを開いたときに表示されるさまざまなものを記述するために使用されます。
つまり、HTML コードを書くことはプログラミングとは何の関係もありません。ソース コードという言葉を聞いて、コンピューター サイエンスの学位を取得するために勉強する必要があると考えて絶望しないでください。
Web ページにコンテンツを表示したいときにどのタグを使用するかを知っておく必要があるだけです。
最初は覚えられなくても問題ありません。教科書を確認して、数分で覚えられるようにしてください。
ご存知のとおり、マークダウンは最近大手ブログやライティング プラットフォームで人気があり、HTML よりもそれほど複雑ではありません。
最新バージョンは html5 であり、以前のバージョンに比べて質的に飛躍しており、特にモバイルアプリケーションの普及が進んでいる新しいメディア分野で大きな期待が寄せられています。
html5については、別のトピックを開いていただけます。今日はもう言うことはありません。
2. HTML ドキュメントの基本構造
まず、HTML ドキュメントは要素で構成されているという概念を明確にする必要があります。基本的なドキュメント要素は 4 つあり、すべての HTML ドキュメントに必要です。
すべての HTML ドキュメントは DOCTYPE 要素で始まる必要があります。これの目的は、ブラウザに「開くドキュメントのタイプは HTML です。HTML 解析ルールに従って処理してください。」と伝えることです。 DOCTYPE 要素を記述しなくても、ほとんどのブラウザはドキュメントのコンテンツを正しく表示できることがわかります
しかし、これは、長い目で見ると、ブラウザの機能に過度に依存するのは賢明な行動ではないことを思い出してください。
html 要素は、実際の HTML コンテンツを含む
head 要素で構成されます。要素にはドキュメントのメタデータとその他の情報が含まれます。HTML5 では、head 要素には、ブラウザ ウィンドウに表示されるドキュメントのコンテンツをラップするために使用されます。このように理解すると、head 要素自体はドキュメントのコンテンツではありませんが、本文にラップされた後続のドキュメントのコンテンツに関する重要な情報を提供します。
という要素が含まれていますが、body 要素のコンテンツを正しく表示したい場合は、head 要素を分離する必要があります。つまり、以下のような HTML ファイルを作成すると、実際には Web ページの作成が完了します。
1 <!DOCTYPE HTML >2 <html>3 <head>4 <title>我的第一个web应用</title>5 </head>6 <body>7 </body>8 </html>
しかし、ブラウザでこのページを開くと、 What you have to you have ablank window と表示されていることがわかります。それは、実質的なコンテンツを追加していないからです
みたいな感じです。本を印刷しましたが、本のメインページはすべて空白です
本当に実用的な Web ページをデザインして開発するには、さまざまな要素を追加する必要があります
3. HTML マークアップの基本構文『HTML5 決定版ガイド』にはこんな一文があります。「html。マークアップ言語です。そのタグは、ドキュメントのコンテンツ (テキストなど) に適用される要素の形式で存在します。」
平たく言えば、ブラウザーに命令を正しく実行させたい場合は、タグを使用する必要があります。これらのタグは長い間定義されてきました。自分で作成することはできません。
タグとは何ですか? などのタグが含まれています。HTML ドキュメント内のタグ付き要素の基本構文は次のとおりです。
<标记名称>元素内容</标记名称>
ここで、 は開始タグ、 は終了タグを指します。
それでは、すべての要素タグに上記の 3 つの要素が含まれているのでしょうか?
要素の開始タグと終了タグの間にコンテンツがない場合は、
空の要素
空の要素は、開始タグと終了タグを 1 つに結合し、< ;Mark name/> のように 1 つのタグのみを使用して表す、より簡潔な方法で表現できます。 ;
仮想要素
と呼ばれる特別な要素もいくつかあります。たとえば、
はページに水平線を挿入するために使用されます。
HTML にはいくつのタグがありますか? HTML5 の新しいタグは約 119 個あります。
最も一般的に使用されるタグは 80/20 原則によると、, 問題の 80% は、最もよく使用される約 24 (119*20%) のマーカーをマスターすることで解決できます
ワクワクしていますか?
4.html一般的なタグと適用方法
初心者は、次のタグの使用に慣れるだけで済みます。
100db36a723c770d327fc0aef2ce13b1、93f0f5c25f18dab9d176bd4f6de5d30e、6c04bd5ca3fcae76e30b72ad730ca86db2386ffb911b14667cb8f0f91ea547a7
c9ccee2e6ea535a969eb3f532ad9fe893f1c4e4b6b16bbbd69b2ee476dc4f83a
dc6dce4a544fdca2df29d5ac0ea9906b、e388a4556c0f65e1904146cc1a846bee、0c6dc11e160d3b678d68754cc175188a
< img>、、
、、、
、、
Web サイト w3school をお勧めします。この Web サイトには、基本的なチュートリアル、高度なチュートリアル、および非常に完全なリファレンス マニュアルが含まれており、初心者にとっては非常に優れた学習場所です。アドレスは次のとおりです。
http://www.w3school.com.cn/index.html
さらに、「The Authoritative Guide to HTML5」という本をお勧めします。内容は問題ベースの方法で構成されています。 、そしてそれは正しい世界観に役立つ古典的な本です。
後半ではCSSを組み合わせてhtmlタグの使い方を具体例を交えて詳しく解説していきます。
私が言いたいのは、HTML ドキュメント自体を複雑にしすぎず、セマンティックなタグをより多く使用し、表示スタイルを変更することが主な機能であるタグの使用を減らし、スタイルは CSS に任せることです。
著作権に関する声明: この記事は著者によるオリジナルです。転載する必要がある場合は、出典を明記してください。ありがとう！