HTML

HTMLで電話番号が自動的にリンクになるのを回避する方法【Edge/他】

自分が制作したWebページをEdgeで見ていると、リンク設定をした覚えがないのに電話番号がリンクテキストになっていることがあります。Edgeなどブラウザによっては電話番号が自動的にリンク化されることがありますが、ここでは自動リンクの回避方法を紹介します。

CSSで右寄せさせる方法を紹介！【画像/テキスト/ボタン】

CSSでどうすれば要素を子要素にすることができるのか知っていますか？要素を右寄せにしたくても思うようにできない、確かに右寄せされているけどやりたいこととは違うということがあるでしょう。今回はCSSで右寄せする方法を3つ紹介します。

CSSのflex-basisプロパティとは？使い方をご紹介！

CSS3で新しく追加されたflex-basisプロパティについて知っていますか？flex-basisプロパティはフレックス要素での似に幅指定で必要不可欠です。今回は従来のCSSからあったwidthプロパティとは一体何が違うのかもあわせて解説していきます。

Facebook OGPの「og:locale」の意味とは？設定・確認方法も紹介！

SEO対策の一環でOGP情報をHTMLに埋め込むことがありますが、設定できるOGPパラメータの中に「og:locale」があります。この記事では、「og:locale」とは一体どういう意味を持っているのか、設定方法や確認方法を紹介していきます。

CSSでマウスオーバーでゆっくり変化させる方法【色/透過】

リンクにカーソルを合わせると色などがゆっくり変化するスタイル。実はCSSでhover擬似クラスを使うことでかんたんに実現できます。今回はChover擬似クラスとその他プロパティを使いながら色や透明度をゆっくり変化させるCSSを紹介してきます

【レスポンシブ対応】HTMLへのGoogleMapの埋め込み方法！

住所を掲載するWebページだとGoogleMapは非常に重宝しますが、HTMLで作成したページにGoogleMapを埋め込む方法を知っていますか？レスポンシブサイトに対応できる埋め込み方法も一緒に解説します。なのでレスポンシブサイトがある方にも役立つはずです

【CSS】floatで横並びした文字・画像を中央寄せする方法！

初心者には使い勝手が難しいfloat。float:leftのように指定すればカンタンに横並びのコンテンツを作成できたりします。今回は、float:leftなどでで横並びしたコンテンツを中央寄せする方法を解説します。中央寄せに苦戦している方は参考にしてください

HTMLで同じタグにidを複数指定はだめ？するとどうなるのか？

HTMLでWebページを構成する際、idやclassを指定します。このときに気をつけなければならないのがid名です。id名は複数指定の有無などのルールが厳しく、適切に設定しなければなりません。はたしてHTMLでid名を複数つけていいのかなどを解説します。

CSSでスクロールバーを非表示にする方法をご紹介！【IE/Chrome/Firefox】

スクロールバーが邪魔で非表示にしたい、ということがあるでしょう。そういうときは、CSSを使ってスクロールバーを非表示にすることができます。今回はサンプルコードを見ながらスクロールバーを非表示にする方法を見ていきましょう。

HTMLでPDFを表示する方法5選！PDFの埋め込みをするには？

HTMLにPDFを埋め込んで表示する方法を知っていますか？最新のHTMLでは1行でPDFファイルを埋め込めるくらいにまで進化しています。今回はHTMLにPDFを埋め込んで表示する方法を5つ紹介していきます。使いやすいやり方を試してみてくださいね。

【全ての要素】CSSでセレクタの「*（アスタリスク）」の意味と使い方を紹介！

CSSのセレクタの中に*(アスタリスク)があります。ですが、アスタリスクがどういう意味のセレクタなのか知っていますか？今回は、セレクタとしてのアスタリスクの使い方や、CSSで使用するメリット・デメリットを詳しく解説していきます。

HTMLでページ内リンクの実装方法を紹介！【スクロール/ずれる場合は？】

HTMLは、目次用リンクなどページを移動せず、同一ページ内の別の位置へと移動するページ内リンクを設置することが可能です。ですが、ページ内リンクはどのように設置すれば良いのでしょうか？今回はページ内リンクを設定する方法を紹介していきます。

【CSSハック】CSSをIE11のみ適用する方法をご紹介！

特定のブラウザにのみCSSを適用させるCSSハックというテクニックがあります。CSSハックはIE11で使うことが多く、CSSハックを駆使しないとではIE11だけデザインが崩れることもあります。この記事ではCSSハックのやり方を紹介しています。

デバイスフォントとは？メリット・デメリットや一覧をご紹介！

WEBフォントという言葉は耳にしたことはあっても、デバイスフォントは耳にしたことがない方もいるでしょう。デバイスフォントは誰も編み直に使っているフォントで様々なメリットがあります。今回はデバイスフォントについて詳しく紹介しています。

CSSでリスト（li）を横並びにする方法を紹介！【均等/間隔/中央】

HTMLのli要素は縦並びで配置されます。ですが、ナビゲーションメニュー用など横並びリストを作りたいときもあるでしょう。今回はHTMLのリストで使われるli要素を横並びにする方法を紹介します。それとともに気をつけておきたいことも紹介しています。

【初心者向け】clearfixが効かない場合の原因と対処法をご紹介！

「clearfix」はfloatを使ってHTMLで横並びのレイアウトを作った際にfloatを解除する目的で使われます。しかし開発をしていてこのclearfixが効かないという場合があります。今回はclearfixが効かない場合の原因と対処法についてまとめました。

floatを解除するclearfixの使い方・書き方を簡単に紹介！

CSSのfloatを使うことで横並びのレイアウトが出来ますが、floatを使うとデザインが崩れ思い通りにいかない事があります。その問題はclearfixを使うことで対処することが出来ます。clearfixとは何か、使い方・書き方について紹介していきます。

HTMLのdivタグの意味とは？なぜdivタグの利用頻度は多いのか？

HTMLのdivタグの意味について簡単に解説していきます。また世の中のWEBサイトではなぜdivタグの使用頻度が多いのか紹介していきます。WEBサイトを作る上で欠かせないdivについてぜひ使い方をマスターしましょう！

【初心者向け】HTMLでbrタグを使わない改行方法をご紹介！

HTMLで改行といえばbrタグですよね。brタグを入れた箇所で改行ができますが、PCやスマホで改行した際のデザインが異なったり、改行幅が変だったりと不都合があります。そこでbrタグを使わない改行方法を今回ご紹介していきます。ぜひbr以外の改行も知っておきましょう。

HTMLのbrタグの意味・略語・使い方とは？間違った使い方を併せて紹介！

HTMLで改行タグといえば「br」タグになります。今回はbrタグの意味や略語、閉じタグや間違った使い方に関してご紹介していきます。改行タグのbrを正しく使ってマークアップしていきましょう！