HTML

デジタル

Text Fragmentsでページ内の特定テキストに直接リンクする方法

ウェブページの特定箇所にリンクしたい時、通常は「#section1」のようなアンカーを使います。しかし、相手のページにアンカーが設定されていない場合はどうしたらいいでしょうか?そんな時に役立つのが「Text Fragments」です。ページ...
デジタル

表の見出しを固定する方法

行数の多い表は見出しを固定したほうが見やすいです。HTMLで表の見出しを固定する方法です。
デジタル

JavaScriptでタブでページを切り替える方法

タブでページを切り替える方法です。自力で作ることができたのでメモとして残しておきます。JavaScriptを使っています。ただしjQueryは使っていません。
デジタル

「このフォームは安全ではないため」と表示されたときに試した方法

Chromeで自分の作ったウェブサイトを開くと「このフォームは安全ではないため、自動入力をオフにしました。」と表示されるようになりました。Chromeのバージョンは87です。
デジタル

HTML色見本(全体編)

カラーネームの付いているものだけピックアップしました。
デジタル

長い文字列を省略して表示する方法

HTMLで長い文字列を右端で切って省略して表示する方法です。下の図のように長い文字列を切って右端に省略記号を付けます。
デジタル

ulタグで入れ子にする正しい方法

ul要素(ol要素)で許可されている内容はli要素だけです。つまりulタグの直下にはliタグしか入れられません。したがって次のようにすることはできません。
デジタル

モバイルフレンドリーにする最も簡単な方法

ウェブページをモバイルフレンドリーあるいはレスポンシブにする必要最小限の方法です。
Excel

Excelの表をHTMLのtableに変換するマクロ

HTMLで表を作るにはtableタグを使いますが、結構、面倒です。Excelで表を作り、HTMLとして保存することができますが、余計なタグが満載です。Excelの表から必要最小限のHTML(tableタグ)に変換するマクロを作ってみました。
Tool

日本語用マークダウン記法

Markdownは簡単な記号を使って書いたテキストをHTMLに変換する仕組みです。前にいくつか記事を書いています。Markdown記法のまとめ | You Look Too CoolJavaScriptでMarkdown記法をHTMLに変換...