★HTML基礎
相対パスと絶対パス 「パス」とは、「ファイルの場所」を示すための大切な仕組みです 相対パス（relative path） 今いる場所（階層）を基準にして、目的地（情報）がどこにあるのかを指定します 相対パスを記述 同じ階層内にあるファイル →ファイル名 で記述…
画像挿入 img：image src：source <img src="画像の置いてある場所" alt="代替え文字"> <html lang="ja"> <head> <meta charset="UTF-8"> <title>はじめてのHTML：画像を表示</title> </head> <body> <h1>画像を表示</h1> <p>HTML内に画像を挿入する記述</p> <p><img src="glass.jpg" alt="眼鏡"></p> </body> </html> リンク リンクには３つの使い方があります。 テキストリンク 画像リンク メー…
progate prog-8.com paizaラーニング HTML/CSS入門編 paiza.jp CODEPREP codeprep.jp
文書構造演習テキスト ナビゲーション 新着情報 お知らせ 製品情報 店舗案内 会社案内 見出しと段落 例1 見出しと段落のレイアウト 同じ内容の文章であっても、その表現の仕方によって読者に与える印象は大きく変化します。文章のレイアウトを考えることはよ…
検証サイト W3C Markup Validation Service validator.w3.org HTML5 Outliner HTMLのツリー構造を確認します gsnedders.html5.org
要素の入れ子（ネスト）と子孫関係 HTML文書全体が、html要素を最上位（ルート）の先祖要素とする入れ子によるツリー構造になっています このとき注意が必要なのは「div要素」は、レイアウト指定のためのグループに利用するだけでツリー構造には、まった影響…
コメントアウト コメントアウトとはテキストエディタ側（コード側）に書くメモのようなもので、ブラウザには表示されません。 HTMLのコメントアウト 「」の間にコメント内容を書く <h1>これは表示されます</h1> <p>これは表示されます</p> <body> <header class="header"> </header> <main> </main> <footer> </footer> </body>
bodyタグの記述内容 bodyタグの中に記述するものは、主にWebサイトの目に見える部分です Webサイトを閲覧した際に表示される要素は、bodyタグの中に書いた要素になります 見出しタグ hは見出しを意味するheadingの頭文字を表しています hタグは、ページのタ…
headタグの記述内容 文書のメタ情報を記述するタグ headタグに記述されている情報は、通常画面上で確認することができません <html lang="ja"> <head> </head> <body> </body> </html> headタグの中に記述できる情報 文字コード HTMLファイルがどの文字コードで保存されているのか指定文字化け防止、UTF-8が…
入力練習の準備 管理フォルダーを作成（このとき、日本語使用不可） Cドライブ直下に「myName（自分の名前を英字で）」フォルダーを作り管理する その中に「日付フォルダー」を作り、データを管理します（最初の段階では日付、後にプロジェクト名で管理しま…
