html HTMLで空白行を入れるには？正しい方法とよくある注意点
「HTMLで文章と文章の間に空白を入れたい」 「改行や空白行を入れて見た目を整えたいけど、うまくいかない…」 「WordやExcelみたいに簡単に空白行が作れない」Webページを作っていると、こんなふうに空白行を入れたい場面がよくあります。...
HTML
html 
html HTMLのエンコードとは？初心者向けにわかりやすく解説
Webサイトを作っていると、「文字化けして読めない！」「日本語が???になってしまった…」というトラブルに出くわしたことはありませんか？その原因の多くは エンコード（文字コード） にあります。エンコードは一見難しそうに思えますが、基本的な仕...
html HTMLのtableで列ごとの幅を指定する方法｜CSSでの簡単な調整例
Webページで表（テーブル）を作るとき、「1列目は細く、2列目は広くしたい」「データが長いから、特定の列だけ幅を広く取りたい」といった場面はよくあります。HTMLの標準的なテーブルでは、内容の長さに応じて列の幅が自動調整されますが、これでは...
html HTMLとは？初心者にもわかるWebページの仕組みと基本構造
「ホームページを作りたい」「ブログのデザインをカスタマイズしたい」そんなとき必ず出てくるのが HTML という言葉です。でも、「HTMLってそもそも何？」「プログラミング言語なの？」「どんなことができるの？」と疑問に思う方も多いでしょう。こ...
html 初心者必見！HTMLでリンクの色を変える方法｜hoverでマウスオーバー時の色も簡単に変更
ホームページやブログを作っていて、「リンクの色をもっと自分好みに変えたい」と思ったことはありませんか？ デフォルトのリンクは青色で下線がついていますが、デザインに合わせて色を変えるとサイト全体がグッとおしゃれに見えます。この記事では、HTM...
html HTMLでリンクを別ウィンドウ（新しいタブ）で開く方法｜target=”_blank”の使い方
Webサイトを作るとき、「外部サイトやPDFを自分のページから開くときに、新しいタブで表示させたい」と思ったことはありませんか？実はHTMLではとても簡単で、リンク（<a>タグ）にtarget="_blank"を指定するだけです。しかし、た...
html 初心者でも簡単！HTMLで大きな表（table）をスクロールさせる方法｜横スクロール・縦スクロールのコツ
ホームページやブログでたくさんのデータを表（<table>）に並べたとき、横や縦に長すぎてページ全体が崩れてしまうことはありませんか？そんなときに便利なのが「スクロール機能」です。スクロールをうまく使えば、表がはみ出さずにきれいに収まるので...
html HTMLでウィンドウサイズに合わせる方法｜画面幅にフィットさせるレスポンシブデザインの基本
ホームページやブログを作っていて、「パソコンで見るとちゃんと表示されるのに、スマホで見たら崩れてしまう」「ブラウザの大きさを変えるとレイアウトが飛んでしまう」と悩んだことはありませんか？それを解決するのがウィンドウサイズ（画面幅）に合わせて...
html HTMLで表（テーブル）に枠線をつける方法｜初心者向けにわかりやすく解説
ホームページに表（テーブル）を作るとき、「枠線をつけたいのに出てこない…」「きれいな罫線（けいせん）で表を見やすくしたい！」と悩んだことはありませんか？実はHTMLのテーブルは、書いただけでは枠線が表示されません。この記事では、HTMLで表...
html 初心者でもわかるHTMLリンクの作り方｜基礎から応用までしっかり解説
ホームページやブログを作るとき、絶対に欠かせないのがリンク。リンクを使うことで、他のページに移動したり、ファイルをダウンロードできたりと、ウェブの大きな魅力を引き出せます。「HTMLでリンクってどう書くの？」「新しいタブで開くには？」そんな...
html HTMLのアンカー（アンカータグ）とは？ページ内リンクを簡単に作る方法
「ページの一番下にある『トップへ戻る』をクリックしたら、ページの上まで一気にスクロールした」そんな経験はありませんか？また、「長いページの目次をクリックして、該当箇所にジャンプしたい」「FAQ ページで質問をクリックして答えの部分に移動した...
html HTMLでYouTube動画を埋め込む方法｜初心者にもわかるシンプルなやり方
ブログやホームページにYouTube動画を載せたいと思ったことはありませんか？「動画を埋め込みたいけど、どうやったらいいの？」「難しいプログラミング知識が必要？」「スマホでもちゃんと表示される？」そんな疑問を持つ方も多いのではないでしょうか...
html HTMLで文字を赤字にする方法｜初心者でもできる簡単カラー指定
Web制作を始めたばかりの人から、よくこんな質問をいただきます。「HTMLで文字を赤くしたいけど、どうやって書けばいいの？」 「大事な部分を目立たせるために赤字にしたい」 「昔のfontタグは使えないと聞いたけど、代わりに何を使えばいいの？...
Web HTMLで2カラムレイアウトを作る方法｜初心者でもできる基本とコツ
Web制作を始めたばかりの人から、よくこんな相談をいただきます。「ブログサイトのように、メインコンテンツの横にサイドバーを配置したい」 「2カラムレイアウトを作りたいけど、どの方法が一番良いの？」 「レスポンシブ対応も含めて、現代的な2カラ...