HTML/CSS基礎– category –
-
HTML/CSS基礎 第11回 『フォーム②』
今回は前回に引き続き、フォームの作成方法について解説します。「フォームって何？」という方は、第10回を先にご覧ください。 【チェックボックス】 チェックボックスはラジオボタンと似ていますが、複数の項目を同時に選択することが可能です。次のよう...HTML
-
HTML/CSS基礎 第10回 『フォーム①』
皆さんが新しくショッピングサイトに会員登録するときなどには、個人情報を入力します。その際に、氏名や性別・血液型など、様々な情報を入力します。会員登録や企業の問い合わせフォームなど、様々な情報を入力して管理者に送る際の記入欄などを「フォー...HTML -
HTML/CSS基礎 第9回 『表の作り方について理解しよう』
【表を作成する】 HTML/CSS基礎 第9回では表の作成の仕方について説明していきます。 表は<table>タグ、<tr>タグ、<th>タグ、<td>タグを組み合わせて作成します。各タグの説明は以下の通りです。 <table>タグ：表全体...HTML -
HTML/CSS基礎 第8回 『リンク・画像を挿入してみよう』
今回はリンクの貼り方と画像の挿入の仕方について解説いたします。パスの書きかたなどはこちらの記事をご覧ください 【リンク】 リンクを設定する場合には<a href=""></a>タグを使用します。開始タグと終了タグの間に記入したテキストや画像を...HTML -
HTML/CSS基礎 第7回 『ブロック要素とインライン要素』
マークアップしたい対象の文字列を、タグで囲んだ情報の単位を要素といいます。要素は囲んでいるタグによりブロック要素とインライン要素に分かれます。使用するタグがどちらになるかを理解しながらコーディングを進めていくことが必要となります。 【ブロ...HTML -
HTML/CSS基礎 第6回 『ブラウザに文字を表示するには』
【復習】 第3回ではHTMLの基本構文を紹介させていただきました。少し間が空いてしまったので再度掲載させていただきます。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>MY HOMEPAGE</title&...HTML -
HTML/CSS基礎 第5回 『コーディングに迷ったら』
HTML/CSSに限らずIT関連の勉強を進めていると、いろいろと躓いてしまうタイミングがあるかと思います。そんな際に参考になるページを2つほど紹介させていただきます。 【HTMLクイックリファレンス】 「こんなことを実装したいけど、どんなタグを使えばいい...HTML -
HTML/CSS基礎 第4回 『タグ』
今回は<head>タグの中に記載する事項について解説させていただきます。 【そもそもタグとは】 HTMLにおいて、<head>や</head>など<>で囲まれたものをタグと呼びます。<>内に「/」（スラッシュ）のないものを開始タグ、「/」...HTML -
HTML/CSS基礎 第3回 『HTMLの基本構文を学ぼう』
今回からは実際にHTMLファイルを作成してコードを入力していきます。 【HTMLファイルの作成】 まずは「Visual Studio Code」（以下VSCode）を開き、「メニュー」から「ファイル」、「新しいテキストファイル」をクリックする。 次に、「言語の選択」を選択...HTML -
HTML/CSS基礎 第2回 『開発環境を整えていこう』
【拡張機能の追加】 HTML/CSS基礎 第1回を読んでいただいた方はVisual Studio Codeをダウンロードしていただいたことと思います。このアプリケーションは、拡張機能をインストールすることで、さらに便利に使うことができるようになります。拡張機能のイン...HTML
