ホームページ  >  記事  >  ウェブフロントエンド  >  HTML マークアップとドキュメント構造_html/css_WEB-ITnose

HTML マークアップとドキュメント構造_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 12:34:041002ブラウズ

CSS を学ぶ前に HTML を理解する必要があります。これは基本的で切り離せない根です。
html 何ですか?ハイパーテキスト マークアップ言語
css は html にスタイルを追加すること、つまり服を着るということです。まずはHTMLの構造を理解する必要があります。 HTMLでWebページを書くのは、ブラウザがそれを読めるようにするためです。 HTML には 114 個のタグがありますが、心配する必要はありません。一般的に使用されるタグは 25 個程度だけです。これはちょっと英語の単語に似ています。 HTML の最新バージョンは、新しい構造化タグ、

を規定しています。閉じたタグ、すべて すべてのテキストは、テキストの内容タグ名> などの閉じたタグを使用します。これは主に属性に依存します。 <タグ名属性='属性値'>

タイトルと段落
引用など、属性によってすべてが決まります。自己終了タグを使用します。つまり、それ自体が終了することを意味します。たとえば、
コードを記述するときはすべてのタグを閉じることをお勧めします。これは、w3c 標準に準拠する良いコーディング習慣であり、W3C になるための基本要件です。マスター。 HTML5 には、タグを閉じるための必須要件がありません。これは、以前の Web サイトには、より多くの Web サイトに適応するための統一された標準がなかったためです。
ブロックレベルのタグ:

-

&h1&gt;コンテンツが 1 行の範囲を超えるまで、それらを 1 行に並べて配置すると、自動的に折り返されます。
複合要素: 複数のタグで構成される、リスト、テーブル、フォームなどの複雑なユーザー インターフェイス コンポーネント タグを作成します。 ol ul にのみ表示されるリスト項目。最も重要なことは、ネストされたタグを理解することです

この書き方は正しいです

戻るタグを閉じる必要があります。まずフロントタグを閉じます。タグ、
html ドキュメント分析:



html5 の記述方法


この html5 の記述方法は、以前よりもはるかに簡単です。 これは非常に便利です。読みやすさは、コメントがどれだけうまく書かれているかによって決まります。主に SEO に近づくために、私は今後さらに SEO の知識を共有することを忘れないでください。あなたと同じです、ははは。ここで少し宣伝させてください。My Sina ブログのアドレス: http://blog.sina.com.cn/u/3753799240 すべてのチュートリアルはここに掲載されます。
次に、分析用の短いコードを書きましょう。
まず、タイトルを確認し、その下に画像のテキストを追加する必要があります。見た目が良いかどうかは心配しないでください。最初にコンテンツを表示するかどうか。通常のアプローチは、まず使用する必要があるタグを記述することです。

title

テキストの段落画像を書くときは、記事コードの階層に注意してください。コードがどれほど複雑であっても、このプロセスと標準的な書き方が備わっているというコメントを忘れないでください。






無題のドキュメント



これは小さなテストです


知識を共有できることを願っています共有してください、私のブログアドレス: http://blog.sina.com.cn/u/3753799240


ドキュメント フローとは、HTML がタグに表示される順序でページの上部から下部に流れることを意味することを覚えておく必要があります。この方法は、CSS に必要な特殊効果を表示させるのに非常に実用的です。
すべての HTML 要素 (ブロック レベルとインライン間の変換を実現できる) の表示はブロック インラインです。table タグのみが特別であり、独自の表示を持っています。コードを記述するときは、最初にタグが使用されているかどうかを自問する必要があることに注意してください。ブロックレベルまたはインラインの場合は、CSS とより適切に組み合わせることができます。コード例を見て説明しましょう。


< ;html xmlns="http://www.w3.org/1999/xhtml">


無題のドキュメント



これはAです小さなテスト


知識を共有できることを嬉しく思います。ブログのアドレス: クリックしてください


これは小さなテストです


知識を共有できることを嬉しく思います。皆さんが一緒に進歩できることを願っています。ブログ アドレス: クリックしてください


これは小さなテストです < /h3>

知識を共有できることを嬉しく思い、皆さんが一緒に進歩できることを願っています:

をクリックしてください

これは小さなテストです


知識を共有して、皆さんが一緒に進歩できることを願っています。 < a href="http://blog.sina.com.cn/u/3753799240 ">クリックしてください


これは小さなテストです

知識を共有できることを嬉しく思い、皆さんが一緒に進歩できることを願っています: クリックしてください。 / a>/p>



これらのコードは dr


でテストできますね?