ちょげぶろぐ

HTMLで空白行や高さを調整する方法｜見た目を整えるシンプルテクニック

ホームページやブログを作っていて、「ここにちょっとだけ空白を入れたい」「見出しと本文の間をあけたい」と思ったことはありませんか？HTMLでは単純にEnterキーで改行や空行を入れても、ブラウザには反映されません。これはHTMLの仕様で、複数...

Webhtml

ホームページやブログを作るとき、絶対に欠かせないのがリンク。リンクを使うことで、他のページに移動したり、ファイルをダウンロードできたりと、ウェブの大きな魅力を引き出せます。「HTMLでリンクってどう書くの？」「新しいタブで開くには？」そんな...

Webhtmlプログラミング・IT

ウェブページを作るときに避けて通れないのがHTML（エイチティーエムエル）の基礎知識。その中でも、意外と見落とされがちだけれどとても重要なのがコメントアウトです。「コメントアウトってなに？」「どんな場面で使うの？」そんな疑問を持つ初心者の方...

Webhtmlプログラミング・IT

「単色の背景だと少し味気ない…」「オシャレなグラデーションを使ってみたい！」Webページをもっときれいに見せたいときに便利なのが**グラデーション（Gradation）**です。グラデーションを使うと、ただの色よりも立体感や高級感が出て、訪...

CSSWebhtmlプログラミング・IT

「HTMLのコードを一時的に非表示にしたい」「後で使う部分だから、削除はしたくない」こんなときに便利なのがコメントアウトです。さらにショートカットを覚えれば、マウスでを毎回打つ必要がなくなります。この記事では、HTMLを一発...

Webhtmlプログラミング・IT

Linuxを使っていると、ついマウスを使わずに操作したくなるものです。「Webページもキーボードでサクサク移動できたらもっと効率いいのに…」こんなふうに思ったことはありませんか？実は、LinuxではWebブラウザ自体や便利なツールを使うこと...

LinuxWebプログラミング・IT

「コードのインデントやスペースがバラバラで読みづらい」「保存するたびに自動でキレイに整形したい」Visual Studio Code（VS Code）には、コードを自動で整形（フォーマット）する機能が備わっています。これを使えば、誰が書いて...

プログラミング・IT

「このファイル、インデントがタブかスペースかわからない…」「余計な空白が入ってないか確認したい」そんなときに便利なのが、Visual Studio Code（VS Code）で空白やタブを可視化する機能です。この記事では、VS Codeで空...

その他

長年使ってきたパソコンが、最近どうも遅い…。そんなときに検討したいのが**「初期化」**です。でも、初期化について、「本当に必要なの？他に方法はない？」「大切なデータは消えてしまうの？」「初期化した後、パソコンは元通りに使えるの？」「失敗し...

Windowsプログラミング・IT

「ページの一番下にある『トップへ戻る』をクリックしたら、ページの上まで一気にスクロールした」そんな経験はありませんか？また、「長いページの目次をクリックして、該当箇所にジャンプしたい」「FAQ ページで質問をクリックして答えの部分に移動した...

Webhtmlプログラミング・IT

ブログやホームページにYouTube動画を載せたいと思ったことはありませんか？「動画を埋め込みたいけど、どうやったらいいの？」「難しいプログラミング知識が必要？」「スマホでもちゃんと表示される？」そんな疑問を持つ方も多いのではないでしょうか...

Webhtmlプログラミング・IT

「HTML（エイチティーエムエル）で色を変えたいけど、どんなタグがあるの？」「そもそもHTMLの基本タグってどんなもの？」と悩んでいませんか？また、「文字の色を変えたいけど、どのタグを使えばいいの？」「背景の色も変えられるの？」「きれいな色...

Webhtmlプログラミング・IT

ホームページやブログを作っていて、「サイドバーを左右に置いて真ん中にメイン記事を配置したい」と思ったことはありませんか？これがいわゆる3カラムレイアウトです。でも、実際に作ろうとすると、「どのHTMLタグを使えばいいの？」「CSSでどうやっ...

Webhtmlプログラミング・IT

ホームページやブログを作るときに欠かせないのが「リンク」です。クリックすると別のページへ移動する、あの青い文字や下線が引かれた部分ですね。HTML（エイチティーエムエル）では <a>（エータグ）というタグを使ってリンクを作りますが、「基本的...

Webhtmlプログラミング・IT