HTML/CSS– category –

Googleマップをレスポンシブ対応させる方法が知りたい…… 縦横比も簡単に指定できると良いんだけど…… 今回はこのようなお悩みをお持ちの方へ向けて Googleマップをレスポンシブ対応させる方法＋縦横比を簡単に指定する方法 をご紹介します。  この記事で分...

liタグの「点」の見た目って変えられないのかな…… 今回はこのようなお悩みをお持ちの方へ向けて liタグの点の大きさや色、フォントなどを変える方法 をご紹介します。 liタグは箇条書きの項目を記述するときに利用するHTMLタグですが、デフォルトで表示さ...

Web制作をしているとGoogleマップをサイト内へ埋め込むことが度々あります。 英語圏向けのサイトであればGoogleマップ上の表記も「英語」の方が適しています。 そこで今回は Googleマップの表記を日本語から「英語」にする方法 をご紹介します。 難しいこ...

aタグを「左右」や「上下左右」中央寄せにしたいんだけど、なんだか上手く行かない…… 今回はそのようなお悩みをお持ちの方に向けて aタグを「左右」中央寄せや「上下左右」中央寄せにする方法 をご紹介します。 aタグを「左右」中央寄せや「上下左右」中央...

Web制作をしていると ヘッダーやフッターなどの共通部分をパーツ化したい という場面が時折でてきます。 今回はその方法についてご紹介していきます。 この記事で分かること HTMLファイル（.html）のままPHPを使用できるようにする方法 PHPのinclude関数で...

Font Awesomeって簡単にアイコンを挿入できて便利だけど、背景画像として使う方法って無いのかな……？ 今回はこのようなお悩みにお答えします。 この記事を読むとわかること Font Awesomeを背景画像として使用する方法 Font Awesomeとは？ そもそもFont Awe...

今回はHTMLタグの１つであるiframeタグの基本的な使い方と使用する際の注意点について解説していきます。後半ではiframeを使用する上で非常に重要となるセキュリティに関する内容や使用上の注意点も解説しているので、ぜひ最後までご覧ください。  この記...

こんにちは、ケケンタです。 今回はCSSが反映されない原因と各対処・確認方法について解説していきます。  この記事を読むと分かること CSSがHTMLに反映されない原因 反映されない原因に対する各対処方法 はじめに 解説を始める前に まずは現在起こってい...

こんにちは！　ケケンタです。 今回は Google chromeの検証ツールを使用してCSSの反映状況を確認する方法+CSSが反映されていないときの対処方法 について解説をします。 CSSが反映されない原因については以下の記事で詳しく解説しています。 Web制作の副業...

この記事ではHTMLへのCSS読み込み方法を「３つ」解説していきます！  この記事でわかること CSSファイルをHTMLファイルに読み込む方法（＝外部ファイル読み込み） CSSをHTMLファイルに直接書き込む方法 各読み込み方法のメリット・デメリット Web制作の副...