閉じる

初めてのホームページ作成（初心者向け）

はじめてホームページを作成する、初心者の方向けにHTMLやCSSを説明していきます。

HTML

HTMLとは

ホームページのページはHTMLとCSSで分けて作成した方が良い

文字コードと文字化け

HTMLのリンク（ホームページのaタグの設定）

ページ内リンクとは

ホームページ（HTML）に写真、イメージを配置する

テキストを中央寄せにするCSS

TABLEのthとtdの違いと記載について

HTMLのコメントタグを利用したタグ、テキストを非表示にするコメントアウト

CSS

CSSの書き方と記載方法

CSSで文字、テキストの大きさや装飾する

CSSのidとclass　セレクターについて

CSS背景画像の設定（background-image）

CSSで行間を設定する

CSSで文字間隔を設定する

テキストの文字数制限をCSSで行う

CSSでテーブルの枠線を削除する

CSSでの角丸設定

CSSでtableの行の背景色を1行ごとに変える方法

Cssでliやtable tdの最終行のみborderを消すことができる「last-child」

CSSでの画像トリミング風表示

CSSの縦中央配置でvertical-align効かない場合はflexboxを使う

メディアクエリの書き方

ドロワーメニューの一番下がiPhoneで切れて表示されない場合の対応策

その他

ホームページ公開前の準備

ホームページのドメインとは？ドメインの種類やおすすめの管理会社

ドメイン取得の際の住所や株式会社の英語表記について

ホームページ作成ツール、Weebly、WIX、JIMDOの注意点・比較

.htaccessとは

EdgeでFlash Playerを有効にする設定方法

ホームページ制作初心者が使えるおすすめのChrome拡張機能

ピックアップ記事

  1. reCAPTCHA

    2023/2/10

    フォームの迷惑メール対策で有効なGoogle「reCAPTCHA」の導入方法とEnterpriseの違い【2023年版】
    ホームページを公開すると設置したメールフォームに海外からスパム投稿され大量の迷惑メールが届くことがあ…
  2. 日本語設定

    2022/4/26

    Google サーチコンソールの表示文字を日本語に変更する【2022年度版】
    Google Search Console（サーチコンソール　※旧WEBマスターツール）内のメニュー…

  3. 2022/4/15

    Laravel PHP バージョンとサポート期限 早見表（2022年版）
    PHPフレームワークのLaravel(ララベル)のサポート期限とサポートされているPHP バージョン…
ページ上部へ戻る