HTMLとCSSを使ったWEBサイトの実践的な作り方を紹介。

「HTML・CSS」 一覧

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

2016/03/05   HTML・CSS

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

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

2016/03/06   HTML・CSS

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

基礎3. HTMLとタグの構造

2016/03/12   HTML・CSS

HTMLとは、何か。タグの構造とタグを構成する要素と属性の役割を解説します。 [ ...続きを読む ]

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

2016/03/12   HTML・CSS

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

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

2016/03/12   HTML・CSS

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

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

2016/03/13   HTML・CSS

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

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

2016/03/21   HTML・CSS

見出しを設定するh1〜h6要素の良い使い方と注意点を解説。どのように見出しをつけるかを図を使って解説します。 [ ...続きを読む ]

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

2016/03/21   HTML・CSS

段落を設定するp要素とテキストを改行させるbr要素を解説。p要素とbr要素の違いを理解するとSEOに効果的な使い方ができます。間違ったやり方も合わせて紹 [ ...続きを読む ]

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

2016/03/21   HTML・CSS

HTMLでハイパーリンクの設定ができるaタグを解説。リンクの指定方法、別ウインドウで表示する方法も合わせて解説します。 [ ...続きを読む ]

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

2016/03/21   HTML・CSS

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

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

2016/03/24   HTML・CSS

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

基礎12. div要素-グループさせる

2016/03/27   HTML・CSS

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