プログラミング

プログラミング

【CSS】font-sizeプロパティで文字の大きさを変更する

font-sizeはCSS(スタイルシート)のプロパティのひとつで、表示するフォントの大きさを変更することが可能です。 値は、「small」「large」などの絶対的なサイズや、「px」「em」、「%」などで指定することができます。
プログラミング

【HTML】h1~h6タグで見出しを作成する

HTMLのhタグは、hはheadingの略で見出しを作成するタグです。 hタグは「h1~h6」まで存在します。 数字が小さい順に重要な見出しとなり、h1が基本的にページのタイトルで使用される最上位、h6が最下位の見出しとなります。 文字の大きさも、h1が一番大きく、h6が一番小さくなります。
プログラミング

【CSS】font-styleプロパティで文字のスタイルを指定して変更する

CSS(スタイルシート)のfont-styleは、文字のスタイルを指定して変更するプロパティです。 normal(通常体)、italic(筆記体)、oblique(斜体)のどのスタイルにするか指定します。
プログラミング

【HTML】link要素で外部CSS(スタイルシート)を読み込む

HTMLのドキュメントにCSS(スタイルシート)を読み込むには、head要素(<head>~</head>)の中に「link要素」を記述します。 link要素の「rel属性」で「stylesheet」を指定し、「href属性」でファイルのパスを指定します。 また、読み込むファイルの形式や性質(MIMEタイプ)を、「type属性」で記述します。 CSSに関しては、値が「text/css」となります。
プログラミング

【CSS】rgba()でテキストを半透明で表示させる

colorプロパティのrgb(赤,緑,青)は、0~255の10進数を記述してテキストの色を指定することができました。 rgbaでは、赤・緑・青だけではなくテキストの透明度も数値で指定することが可能です。 透明度は「0~1.0」の小数で表し、0に近いほど透明度が増し、0だと完全に透明になります。
プログラミング

【HTML】meta descriptionでWebページの概要を記述

meta description(メタ ディスクリプション)は、Webページの概要をhtmlのheadタグ内に記述するタグ情報で、別名を「スニペット」とも呼びます。 検索サイト(主にGoogle)のクローラーにページの概要を伝えるためのmeta要素です。
プログラミング

【CSS】color | テキストの色を変更するプロパティ

CSSのcolorは、テキストの色を変更するプロパティです。 値で色の指定を行います。 指定の仕方は「red」「blue」「green」などの英語表記をそのまま記述するカラーキーワードや、「#ff0000」「#000000」など16進数で指定する方法、「rgb(赤,緑,青)」で指定する方法があります。
プログラミング

【HTML】title要素 | ページのタイトルを設定する

titleは、作成しているページのタイトルを設定する要素です。 設定をすることで、ブラウザのタグに表示されるだけではなく、検索サイトの検索結果で表示されるときに見出しとして表示されます。 日本語で指定をする場合は、大体30文字~40文字で設定するのが理想とされています。
プログラミング

【CSS】スタイルシート文書内にコメントを記述する方法

CSS文書の中に、開発や保守を容易にするために、説明やコメントを残すことも重要です。 コードレビューやメンテナンスを行うため、変更の目的や履歴などを記述します。 ただそのまま記述をしてしまうと、Webページの表示に悪影響を及ぼしてしまいます。
プログラミング

【HTML】charset | meta要素で文字コードセットを指定する

meta要素のcharset属性は、HTML文書の文字コードセットを指定することができます。 ブラウザの表示で文字化けをしないように指定をします。 HTMLの文字コードセットは、原則として「UTF-8」を指定することになっていて、特殊な事情で別の文字コードセットを指定する場合、別の文字コードセットを記述します。
プログラミング

【CSS】charset | 文字コードセットを指定する

CSSのcharsetは、「スタイルシートの中身が何の言語で記述されているか」という宣言を行う要素です。 CSSの1行目に必ず記述をしなければなりません。 この指定を誤ると文字化けが発生します。
プログラミング

【HTML】lang属性 | 主要な言語を設定する

lang属性はhtml要素の属性のひとつで、ページの主要な言語を設定するときに使用します。 このlang属性を設定してもしなくても、ページの表示には影響はありません。 ただし、検索機能やブラウザの翻訳機能などがlang属性の設定を読み込んで、何語から何語へ翻訳するかを判断しているとされています。
プログラミング

【CSS】CSSの基本的な文法 | Webサイトのデザインやレイアウトを指定

Webサイトのデザインやレイアウトを指定するスタイルシート言語です。 HTMLやXMLで記述されたWebサイトの体裁や見栄えを表現するために使用されます。 文字の色や大きさ、背景の色、要素を表示する位置、行間、余白などを指定することができます。
プログラミング

【HTML】!DOCTYPE HTML | HTML文書のバージョンを宣言

!DOCTYPE HTMLは、HTMLドキュメント内で先頭に記述をする、作成している文書がどのHTMLのバージョンの文書であるかという宣言です。 この記述はWebサイトに表示されることはなく、Webサーバに対して宣言をします。 Webサーバ側がその記述で、HTMLのどのバージョンの文書であるか判断をします。