イチから学ぶHTML&CSS その1

イチから学ぶHTML&CSS その1

9.ヘッダーとフッターを追加する

サイト名とコピーライトを追加して、それぞれヘッダーとフッターとしてマークアップします。ヘッダー(header)ウェブページのタイトルや、そのページが何を表示されているかを端的にわかるように配置するのがヘッダーです。ページの頭の部分です。he...
イチから学ぶHTML&CSS その1

8.記事コンテンツとしてマークアップする(article)

見出しタイトルと本文がひとつのコンテンツを構成していることをマークアップして明確化します。記事タグは「article」です。実際にマークアップします。<!DOCTYPE html><html><head><meta charset="utf...
イチから学ぶHTML&CSS その1

7.文字のデザインをカスタマイズする

スタイルシート(CSS)を使って文字の大きさや色を指定します。文字サイズの変更(font-size)記事タイトル文字の大きさを変更します。文字サイズは「font-size」で指定します。単位はピクセル(px)を使い、値は40px(ピクセル)...
イチから学ぶHTML&CSS その1

6.CSSファイルの新規作成

次はコンテンツ内の文字に装飾を施すステップです。文字の装飾はCSSを使用しますので、まずはCSSファイルの新規作成を行います。その前に、今まで編集してきた「index.html」は必ず上書き保存しておきましょう。ファイルの新規作成メモ帳アプ...
イチから学ぶHTML&CSS その1

5.コンテンツの作成

ウェブページに表示する内容をコンテンツと呼びます。コンテンツはHTMLタグの<body> ~~ </body>に記述します。記述例記事のタイトルと内容を追加します。<!DOCTYPE html><html><head><meta chars...
イチから学ぶHTML&CSS その1

4.ウェブページの土台作り

HTMLを使用して、最低限必要なところを作成します。基本形<!DOCTYPE html><html><head> <title></title></head><body></body></html>headに追加する行この部分はページの情報...
イチから学ぶHTML&CSS その1

3.HTMLファイルの新規作成

「イチから学ぶHTML&CSS」講座です。さっそくHTMLファイルを新規作成してみましょう。メモ帳を起動まず「メモ帳」アプリを起動します。「メモ帳」はスタートメニューのアプリ一覧から(W)のリストまで移動して「Windows アクセサリ」フ...
イチから学ぶHTML&CSS その1

2.はじめの設定

「イチから学ぶHTML&CSS」講座です。ファイル名に拡張子ファイルの種類をあらわす拡張子を表示させます。たとえば、拡張子を表示していない場合はファイル名「index」ですが、拡張子を表示すると、ファイル名「index.html」となります...
イチから学ぶHTML&CSS その1

1.環境の準備

「イチから学ぶHTML&CSS」講座です。まずはここからスタートです。講座で使用する環境パソコンのOS解説に使用するパソコンのOSは「Windows10」です。テキストエディターあらかじめインストールされている「メモ帳」を使用します。今後、...