HTML & CSS

HTML & CSS

【必須ツール!】テキストエディター 「Visual Studio Code」をインストールしよう

Visual Studio Codeは、Microsoftが開発している無料のエディタです。WindowsだけでなくMacやLinuxOSにも対応しています。多機能であることが特徴で、JavaScriptやTypeScript、HTML、C...
HTML&CSSとは

HTML/CSSとは?

HTMLって?CSSって?初めて学ぶ方にわかりやすく解説します。
HTML & CSS

【相対パス・絶対パス】ファイルの階層を理解しよう!

HTMLやCSSを学ぶにあたり、最初に理解しておきたい知識に、相対パス・絶対パスがあります。そもそもパス(path)とは英語で「道・通り道」という意味です。 サイトのURLやファイルはリンクによって互いに結ばれていますが、パスを指定すること...
HTML & CSS

【まずは土台づくり!】ホームページの企画を立てよう!

ホームページ制作と一言でいっても、それは見た目だけではなく、企画から設計、デザイン、コーディングというファイル作成までを行なって、初めて一つのホームページが出来上がります。まずは、制作するまでの一般的な流れを解説します。 ホームページ制作工...
HTML & CSS

【ブラウザとは?】Google Chromeをインストールしよう!

普段パソコンやスマートフォンでホームページ(Webサイト)を見る際に、使用しているソフトウェアのことをWEBブラウザといい、単に「ブラウザ」とも呼ばれています。ブラウザを利用することで文字の大きさや画像の配置、色、レイアウトなどを整えて快適...
運用してみよう

ホームページを更新して運用しよう

ホームページは生き物です。
公開してみよう

ファイルを全世界に公開しよう

ホームページをつくる上で一番楽しい瞬間ですね。
HTML/CSSをかいてみよう

初心者向けHTML入門:書き方の基本とタグの使い方

『HTML』の書き方について初心者の方でも分かるようにわかりやすく解説していきます。
準備しよう

HTMLとCSSの勉強に必要なツールを用意しよう

パソコン(WindowsでもMacでもどちらでもOK)エディター「Atom」(HTMLやCSSをかくパソコン上のメモのようなもの)ブラウザ「Google Chrome」など