「HTML・CSS」 一覧

基礎1. HTMLとCSSを編集してみよう

実際にHTMLとCSSを入力して、ブラウザでどのように表示されるかを体験できます。コードサンプルと完成品も用意しているので、すぐに学習することができます
[ ...続きを読む ]

基礎2. WEBサイトの仕組み

WEBサーバとブラウザの関係を見ながら、WEBサイトは、どのように表示されるかを図を使って解説します。制作においては、ブラウザの種類を知っておくのも重要
[ ...続きを読む ]

基礎3. HTMLとタグの構造

HTMLの意味とタグの構造を解説します。タグを構成する要素と属性の役割を紹介し、指定方法から注意点までを解説していきます。
[ ...続きを読む ]

基礎4. ファイル名、フォルダ名のルール

WEBサイトで使うHTMLやCSSのファイル名とフォルダ名の付け方のルールを解説します。拡張子とは何か。機種依存文字とは何か。index.htmlとは何
[ ...続きを読む ]

基礎5. HTMLの基本構造の要素と属性

HTMLを構成する必須のタグを解説します。必須タグとそれを構成する要素と属性を詳しく紹介しています。
[ ...続きを読む ]

基礎6. 要素の種類と記述のポイント

HTMLのタグの種類であるブロックレベルの要素とインラインの要素の違いと入れ子のルールを解説します。また、見やすい読みやすいコードにするため、インデント
[ ...続きを読む ]

基礎7. h1〜h6要素-見出しをつける

h1〜h6までの見出しタグの効果的な使い分けを解説します。アウトラインや入れ子など、サイトに効果的な見出しの使い分けを説明します。
[ ...続きを読む ]

基礎8. p要素、br要素-段落と改行を設定する

段落を設定するp要素とテキストを改行させるbr要素を解説します。p要素とbr要素の違いを理解するとSEOに効果的な使い方ができます。誤った使い方のサンプ
[ ...続きを読む ]

基礎9. a要素-リンクを設定する

HTMLでリンク指定を行うaタグを解説します。リンクの指定方法、別ウインドウで表示する方法(target="_blank")やファイルのダウンロード(d
[ ...続きを読む ]

基礎10. img要素-画像を表示させる

画像を表示させるimg要素を解説します。必須属性のaltや表示スピードが改善されるwidth, height属性、画像の場所を指定するsrc属性の解説。
[ ...続きを読む ]

基礎11. 絶対パスと相対パス

画像やリンク先を指定する際に指定する絶対パスと相対パスの違いを解説します。相対パスは、図を使って詳しく解説しています。
[ ...続きを読む ]

基礎12. div要素-タグをグループ化する

div要素の役割を解説します。WEBサイトのレイアウトにかかせないdiv要素。CSSを使ってWEBサイトを作る場合によく使われる要素です。
[ ...続きを読む ]