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つ紹介していきます。使いやすいやり方を試してみてくださいね。