html HTMLで表（テーブル）に枠線をつける方法｜初心者向けにわかりやすく解説
ホームページに表（テーブル）を作るとき、「枠線をつけたいのに出てこない…」「きれいな罫線（けいせん）で表を見やすくしたい！」と悩んだことはありませんか？実はHTMLのテーブルは、書いただけでは枠線が表示されません。この記事では、HTMLで表...
HTML
html 
html HTMLで2重線を引く方法｜水平線（hr）のアレンジと枠線の作り方
ホームページを作っていて「見出しの下にちょっとおしゃれな線を引きたい」「シンプルな1本線じゃなく、2重線（ダブルライン）にしたい」と思ったことはありませんか？HTMLの<hr>（エイチアール）タグを使えば簡単に線を引けますが、通常は1本線で...
html HTMLタグの種類をやさしく解説｜初心者でもわかる用途別まとめ
ホームページを作るときに必ず使うHTML（エイチティーエムエル）。その中でも中心になるのがタグです。でも、「HTMLタグって種類が多すぎて覚えられない...」「どのタグをいつ使えばいいの？」と悩む人は多いです。そこでこの記事では、よく使うH...
html HTMLで空白行や高さを調整する方法｜見た目を整えるシンプルテクニック
ホームページやブログを作っていて、「ここにちょっとだけ空白を入れたい」「見出しと本文の間をあけたい」と思ったことはありませんか？HTMLでは単純にEnterキーで改行や空行を入れても、ブラウザには反映されません。これはHTMLの仕様で、複数...
html 初心者でもわかるHTMLリンクの作り方｜基礎から応用までしっかり解説
ホームページやブログを作るとき、絶対に欠かせないのがリンク。リンクを使うことで、他のページに移動したり、ファイルをダウンロードできたりと、ウェブの大きな魅力を引き出せます。「HTMLでリンクってどう書くの？」「新しいタブで開くには？」そんな...
html HTMLコメントアウトの使い方と活用例｜初心者でもすぐわかる解説
ウェブページを作るときに避けて通れないのがHTML（エイチティーエムエル）の基礎知識。その中でも、意外と見落とされがちだけれどとても重要なのがコメントアウトです。「コメントアウトってなに？」「どんな場面で使うの？」そんな疑問を持つ初心者の方...
CSS HTMLでグラデーションをつける方法｜CSSの基本と実例まとめ
「単色の背景だと少し味気ない…」「オシャレなグラデーションを使ってみたい！」Webページをもっときれいに見せたいときに便利なのが**グラデーション（Gradation）**です。グラデーションを使うと、ただの色よりも立体感や高級感が出て、訪...
html HTMLを一瞬でコメントアウト！ショートカットで作業を効率化しよう
「HTMLのコードを一時的に非表示にしたい」「後で使う部分だから、削除はしたくない」こんなときに便利なのがコメントアウトです。さらにショートカットを覚えれば、マウスで<!-- -->を毎回打つ必要がなくなります。この記事では、HTMLを一発...
html HTMLのアンカー（アンカータグ）とは？ページ内リンクを簡単に作る方法
「ページの一番下にある『トップへ戻る』をクリックしたら、ページの上まで一気にスクロールした」そんな経験はありませんか？また、「長いページの目次をクリックして、該当箇所にジャンプしたい」「FAQ ページで質問をクリックして答えの部分に移動した...
html HTMLでYouTube動画を埋め込む方法｜初心者にもわかるシンプルなやり方
ブログやホームページにYouTube動画を載せたいと思ったことはありませんか？「動画を埋め込みたいけど、どうやったらいいの？」「難しいプログラミング知識が必要？」「スマホでもちゃんと表示される？」そんな疑問を持つ方も多いのではないでしょうか...
html 初心者必見！HTMLのタグ一覧と色を変えるための基本タグまとめ
「HTML（エイチティーエムエル）で色を変えたいけど、どんなタグがあるの？」「そもそもHTMLの基本タグってどんなもの？」と悩んでいませんか？また、「文字の色を変えたいけど、どのタグを使えばいいの？」「背景の色も変えられるの？」「きれいな色...
html 初心者でも簡単！HTMLで3カラムレイアウトを作る方法｜flexを使ったやり方
ホームページやブログを作っていて、「サイドバーを左右に置いて真ん中にメイン記事を配置したい」と思ったことはありませんか？これがいわゆる3カラムレイアウトです。でも、実際に作ろうとすると、「どのHTMLタグを使えばいいの？」「CSSでどうやっ...
html 初心者向け！HTMLのリンクタグの使い方と便利な応用テクニック
ホームページやブログを作るときに欠かせないのが「リンク」です。クリックすると別のページへ移動する、あの青い文字や下線が引かれた部分ですね。HTML（エイチティーエムエル）では <a>（エータグ）というタグを使ってリンクを作りますが、「基本的...
html HTMLで文字を赤字にする方法｜初心者でもできる簡単カラー指定
Web制作を始めたばかりの人から、よくこんな質問をいただきます。「HTMLで文字を赤くしたいけど、どうやって書けばいいの？」 「大事な部分を目立たせるために赤字にしたい」 「昔のfontタグは使えないと聞いたけど、代わりに何を使えばいいの？...