HTML5

Google【code-prettify】ソースコードの全ての行に行番号をつけたい

行番号を表示する際、デフォルトでの設定が5行おきの表示となるため少し違和感があります。次のCSS設定を施すことでode-prettifyを使ってソースコードの全ての行に行番号を表示できます。

CSSで利用可能なWebカラー名140色（印刷可）

CSSで利用できる色名は140色あります。redやgreenは分かるけどほかにどんな色名が使えるのか知らなかったので作りました。A4縦1枚で印刷もできます。

HTML5：テキストエリアの赤い下線や青い枠線を消したい

inputタグやtextareaタグにデフォルトで表示される赤い下線や青い枠線を消したい場合の対処法

HTML5：サイトをモバイルに対応するための最低限の記述

いわゆるviewport設定というやつです。ただし、最低限ということで、とりあげずモバイル対応させたいときとしてご覧ください。

HTML部分のSEO対策について

SEO対策に必要最低限なHTMLタグ記述とその他必要な設定。

レスポンシブなサイト、スマホ向けサイトの基本

この記事では、レスポンシブなサイト、スマホ向けサイトの基本として画面サイズに応じて画像のサイズも変化するサイトを作成してみます。作成するサンプルページはじめに2017年頃からGoogleがサイトのラン...

HTML5：GoogleマップとYouTube動画をサイトに埋め込む

この記事では、GoogleマップとYouTube動画をサイトに埋め込む手順を紹介します。基本的には、どちらもiframeタグとして提供される形ですので、HTMLへの埋め込みはコピー＆貼り付けで可能です...

HTML5のひな型

HTML5(Hyper Text Markup Language Version 5)のひな型です。エディタ等で保存するときは、文字コード（エンコード）の種類をUTF-8で保存します。拡張子は、.ht...

HTML5：とりあえずの基本的な3分割ページを作る

とりあえず情報をアップしたいでも、スマホや色々な端末でも違和感なく表示できるHTML5対応のサイトを作りたい。（ちょっと欲張りですね）そんなホームページに必要な基本的な3分割レイアウトのページを考えて...