ゼロからホームページ

知識ゼロからホームページを作ってかっこいいWEBデザインができるようになるまでの道のり

初心者のCSS:font-familyで文字の種類を変える方法

初心者のCSS:font-familyで文字の種類を変える方法タイトル画像

CSSで文字の色を変えて、文字のサイズを変更して、文字の位置を指定した。

WordやExcelでフォントの種類を変えるみたいに、ホームページで文字の種類を変えたいときはどうしたらいいんだろう?これもCSSでできるのかな?と考えたかもしれません。そのとおり、CSSでできるんです。

今回は、CSSで文字の種類(フォント)を変えるfont-familyプロパティについて解説します。

続きを読む

初心者のCSS:文字の位置をCSSで変えるtext-alignの使い方

初心者のCSS:文字の位置をCSSで変えるtext-alignの使い方タイトル画像

CSSで文字の色を変える方法を覚えた。文字のサイズを変えることもできるようになった。じゃあ次は何をしよう?

横書きで文章を書くときは、Webではいつも画面の左寄せになるのかな?WordやExcelを使っているときみたいに、右寄せや中央揃えにはできないのかな?と考えたことはありませんか?文字の配置もCSSで変えることができるんです。

今回は文字の位置をCSSで変える方法について説明します。

続きを読む

初心者のCSS:CSSで文字の大きさを変える方法と文字サイズの単位

初心者のCSS:CSSで文字の大きさを変える方法と文字サイズの単位タイトル画像

ホームページの装飾はHTMLではなくてCSSで設定することがわかってきた。文字の色を変えることができたら、次は文字のサイズを変えたいな。

自分でホームぺージを作ろうとすると、やりたいことはどんどん増えますよね。

今回はCSSで文字の大きさを変えるにはどうしたらいいのか、文字サイズの単位にはどのようなものがあるのかについて説明します。

続きを読む

初心者のCSS:CSSで文字の色を変える3つの方法

初心者のCSS:CSSで文字の色を変える3つの方法タイトル画像

ホームページの作り方を独学していて、HTMLの基本はわかってきた。ホームページの装飾はHTMLではなくてCSSを使うらしい。でもCSSのことを調べてもたくさんありすぎて、何からはじめたらいいんだろう?

独学でがんばっている初心者が最初にとまどうことは、CSSはいろいろなことができるせいで、情報が多くて、何から手を付けたらいいのかがわからなくなることです。

最初は、CSSで簡単にできることからはじめましょう。HTMLを書いていたときに考えたことは何ですか?文字の色って変えられないのかな?と考えませんでしたか?

今回は、初心者でも失敗しないCSSを使う文字の色の変え方についてわかりやすく解説します。

続きを読む

はじめてのCSS:初心者が最初に覚えたい書き方の基本

はじめてのCSS:初心者が最初に覚えたい書き方の基本タイトル画像

独学の初心者だけどHTMLは少しずつわかるようになってきた。HTMLの勉強をしていると、ときどきCSSという言葉が出てくる。CSSって何だろう?

CSSで何ができるんだろう?でもよくわからない、と考えていませんか?

CSSがわかるようになると、できることが増えてホームページづくりがもっと楽しくなります。

まず今回は、CSSとは?初心者が最初に覚えたいCSSの書き方の基本についてわかりやすく解説します。同じ初心者の私と一緒に少しずつ覚えていきましょう。

続きを読む

初心者のHTML:aタグを使うリンクの貼り方

初心者のHTML:aタグを使うリンクの貼り方タイトル画像

自分のホームページの中でページどうしを連携したい、他のサイトを紹介するリンクを貼りたい、と考えることがありますよね。ではどうしたらいいのでしょうか?

HTMLを学んで間もない初心者でも大丈夫、特別な技術は必要ありません!HTMLでリンクを貼るために使うのが<a>タグです。

今回はHTMLで<a>タグを使うリンクの貼り方について解説します。基本的なリンクの貼り方について一緒に学んでいきましょう。

続きを読む

初心者のHTML:画像を表示・挿入するimgタグの使い方

初心者のHTML:画像を表示・挿入するimgタグの使い方タイトル画像

自分で作るホームページにお気に入りの画像を表示したいな、でもどうしたらいいんだろう?自分の好きなことを形にする自作のホームページ、とっておきの写真を掲載したいですよね。

特別な技術がなくても、ホームページで画像を表示することはできます。HTMLで画像を挿入するために使うのが<img>タグです。

今回はHTMLで画像を表示・挿入する<img>タグの使い方について解説します。画像について一緒に覚えていきましょう。

続きを読む