韓国ドラマを中心に、犬との暮らしや日々の気づきをゆるく綴る雑記ブログです。

プログラミング

HTMLやCSSを中心に、Web制作の基本を初心者さん向けにまとめたシリーズです。実際に手を動かしながら学べるよう、1記事ずつテーマを分けてわかりやすく紹介しています。

ブログの進め!

【第9回】幅・高さ・中央配置をマスターしよう|width / height / margin: auto【CSS初心者ノート】

CSSの基本「幅・高さ・中央配置」を初心者向けに解説!width / height / margin: auto の使い方と、よくあるミス・中央揃えのコツを図解付きで学びます📘
ブログの進め!

【第8回】枠線をデザインしてみよう|border / border-radiusで角丸ボックスを作る【CSS初心者ノート】

CSS初心者向けに、borderとborder-radiusの使い方をやさしく解説。角丸やカード風ボックス、見出し線など、枠線をデザインするコツをコード例付きで紹介します。
ブログの進め!

【第7回】ボックスモデル基礎|CSS初心者ノート

CSS初心者向けに、ボックスモデルの基本をやさしく解説。margin(外側の余白)・padding(内側の余白)・border(枠線)の違いを図解で理解しよう。コード例付きで実践的に学べます。
ブログの進め!

【第20回】HTMLタグ解説まとめ|初心者ノート最終回

HTML初心者ノート最終回!これまで学んだタグを一覧で総まとめ。復習や辞書代わりに役立つインデックス記事です。
ブログの進め!

【第19回】よくあるHTMLエラーと対処法|HTML初心者ノート

HTML初心者がよくつまずくエラーとその対処法をまとめました。閉じタグ忘れ、全角/半角の間違い、属性のクォーテーション漏れ、入れ子の順序エラーなどを、エラー例と修正版コード・表示結果つきでわかりやすく解説します。
ブログの進め!

【第18回】HTMLで記号を表示しよう|HTML初心者ノート

HTML初心者向けに、< や >、©、& などそのまま書くと表示できない記号を正しく出す方法を解説。文字実体参照(エンティティ参照)の仕組みと、よく使う書き方を表・コード例・表示結果つきでわかりやすく紹介します。
ブログの進め!

【第17回】HTMLでページ構造タグを使ってみよう|HTML初心者ノート

HTML初心者向けに、HTML5から追加された構造タグ(header・main・footer・nav・section・article・aside)の役割と使い方を解説。コード例と表示結果つきで、SEOやアクセシビリティに役立つポイントもわかりやすくまとめました。
ブログの進め!

【第14回】HTMLの基本構造をまとめて復習しよう

HTMLの基本構造をやさしく解説!<html>、<head>、<body>の意味や役割を初心者向けに整理しました。タグの関係をもう一度復習したい方にもおすすめです。
ブログの進め!

【第13回】HTMLで文字装飾タグを使ってみよう

HTMLで文字に装飾を加える方法をやさしく解説!strong(太字)、em(斜体)、u(下線)タグの意味と使い分けを初心者向けに紹介します。SEOに強いタグの選び方もチェック。