ホームページ > 記事 > ウェブフロントエンド > HTML と CSS の知識を史上最も包括的にわかりやすくまとめた本。 _html/css_WEB-ITnose
1. html+css の基礎
1-1
Html と CSS の関係
Web フロントエンド開発の基本技術を学ぶには、HTML、CSS、JavaScript 言語を習得する必要があります。これら 3 つのテクノロジーが何を達成するために使用されるかを見てみましょう:
1. HTML は Web コンテンツのキャリアです。コンテンツとは、Web ページ作成者がユーザーが閲覧できるようにページに配置する情報であり、テキスト、写真、ビデオなどが含まれます。
2. CSS スタイルはパフォーマンスです。ウェブページのコートのようなものです。たとえば、タイトルのフォント、色の変更、またはタイトルに背景画像や枠線などを追加します。コンテンツの外観を変更するために使用されるこれらすべてのものは、プレゼンテーションと呼ばれます。
3. JavaScript は、Web ページに特殊効果を実装するために使用されます。たとえば、ドロップダウン メニュー上でマウスをスライドすると、ドロップダウン メニューがポップアップ表示されます。または、テーブルの上にマウスを置くと、テーブルの背景色が変わります。話題のニュース(ニュース写真)もローテーションします。アニメーションとインタラクションは一般的に JavaScript を使用して実装されていることがわかります。
1-2
1. HTML タグは大文字と小文字を区別しません。
タグの中に記事の段落を入れます。 。
構文:
段落テキスト
を使用します。タグは必要なものです。
構文:
テキストを引用
1. 引用するテキストを二重引用符で囲む必要はないことに注意してください。ブラウザは自動的に q タグに二重引用符を追加します。
2. ここでタグを使用する本当の重要な点は、二重引用符のデフォルトのスタイルではなく (この場合、キーボードで二重引用符を入力することもできます)、そのセマンティクスにあることに注意してください。他の人の言葉
blockquote タグ、長いテキストの引用
は、他の人のテキストを引用するためにも使用されます。ただし、これは長いテキストへの参照です
は短いテキストへの参照です。たとえば、タグは文を引用するために使用されます。
構文:
テキストを引用
ブラウザはタグをインデント形式で解析します
2-6
改行タグ
ラベルは、Word 文書の改行に相当します。
行タグ
の分割
タグも
タグと同様に空のタグであるため、開始タグは 1 つだけあり、終了タグはありません。
ブラウザの
タグのデフォルトのスタイルは、線が太く、色が灰色になっているので、見苦しいと感じる人もいるかもしれませんが、これらの外部スタイルは、CSS スタイル シートを学習した後に変更されます。将来的には変更可能です。
2-7
HTML 特殊文字
スペース: (; セミコロンは必須)
2-8
アドレスタグ、Web ページにアドレス情報を追加
構文:
アドレス情報< address> 例:
No. 10 Dewai Street, Xicheng District,Beijing ブラウザに表示されるスタイルは斜体です。以下のコースで実行できます CSS スタイルを使用して タグのデフォルトのスタイルを変更します
2-9
言語技術を紹介する Web サイトでは、Web 上にコンピュータ専門のプログラミング コードを表示することが避けられません。コードがコード行の場合、次の例のようにを使用できます。 <br> 構文: <br> < ;code>コード言語
注: 通常、記事に複数行のコードを挿入する場合は、タグを使用できます。
タグ。
タグの主な機能: フォーマット済みテキスト。通常、pre 要素で囲まれたテキストには空白と改行が保持されます。前の方法を使用する場合は、改行には
記号を入力し、スペースには を入力する必要があります。
注:タグは、コンピューターのソース コードを表示するためにのみ使用されるわけではありません。ただし、の一般的なアプリケーションでも使用できます。 ; タグはコンピュータのソースコードを表示します。
3. タグを理解する (その 2)
3-1
1. 順序なしリスト
ul-li は、順序のない情報のリストです。 構文:
- 情報
Wonderful Boy
美しさは突然現れる 魂に響くメロディー
ul-li Web ページに表示されるのは一般的に次のとおりです。 li の各項目の前にはドットが付きます
2. 順序付きリスト
- Information
- Information li> ......
例:
- フロントエンド開発インタビューのヒント
;li>HTML をゼロから学ぶ
- JavaScript 完全ガイド
在网页中显示的默认样式一般为:每项
- 前都自带一个序号,序号默认从1开
3-2
容器标签
在网页制作过程过中,可以把一些独立的逻辑部分划分出来,放在一个标签中,这个标签的作用就相当于一个容器。
语法:
…
論理部分を特定します:
論理部分とは何ですか?これは、ページ上の相互に関連する要素のセットです。たとえば、Web ページの独立した列セクションは、典型的な論理部分です。以下の図に示すように: 図の赤い枠でマークされた部分は論理部分であり、タグはコンテナとして使用できます
注:はブロックレベルの要素です。つまり、ブラウザは通常、div 要素の前後に改行を置きます。
3-3
テーブルを作成する 5 つの要素:
table、tbody、tr、th、td
1.…
: テーブル全体は