相対パスとルートパス、絶対パスについてのメリット・デメリット
今回は相対パスとルートパス、絶対パスについてそれぞれみていきます。 相対パスとは？ 階層を上がる/下がる？ 移動方法について 例題① ルートパスとは？ 相対パスとル...
「HTML」一覧
PHPでの<form>タグの使い方【属性一覧】
<form>タグについてです。HTML単品では使うことはあまりないですが、PHPなどで作るプログラムと組み合わせて使うことで様々なことができるようになります。 <form>タグとは？ method属...
<input>のtype属性と機能を一覧にまとめてみた
HTMLの<input>タグについていていきます。順を追って解説していきますが必要に応じて目次からジャンプしてください。 <input>の属性の種類 type="text" type="p...
Webアイコンフォントの使い方【Font Awesome】
twitterとかfacebook、あとinstagramとかのSNSってなかなか続けられないんだよね… 別にそんな自慢できる人生じゃないし、自分が良ければいいんじゃない？ てか、そのSNSのアイコンどうやって表示させるの？...
『ベンダープレフィックス』の知識と『Can I Use』の使い方
今回はベンダープレフィックス(Vendor prefix)について見ていきます。 ベンダープレフィックスって？ 対応ブラウザを調べる方法 どれぐらいの割合でOKかみてみる あえて語弊を...
ガチでプログラミングを身に付ける方法は？スクール？独学？おすすめは？
ゼロから始めるプログラミング学習方法をまとめてみました。 2020年から小学校、2021年から中学校、2022年から高校でプログラミング勉強が必修化になります。 そして、プログラミングについても様々な学習方法が出てきています。 ①プログラミン...
【HTML】ol、ul、liの使い方まとめ【リストの型・応用も】
今回はHTMLでよく使う<ol><ul><li>タグについて見ていきます。 olとは？ リストの中にリストを作って2段階リストにする リストの順番指定 ulと...
【CSS】疑似要素の『::before』『::after』を学ぶ
今回はさまざまなデザインに必須ともいえる疑似要素の::beforeと::afterについて見てみます。 疑似要素を使いこなせばこんな感じで吹き出しが作れるよ ぜひとも使いこなしたいね。さっそくどんなものなのか見てみよう！ ...
【CSS】 border-widthを学ぶ【三角形で国旗を作る】
border-widthをきちんと使いこなせば、疑似要素と組み合わせてリボン型見出しなどを作る事が出来ます。今回はboder-widthを見てみましょう。 基本的なこと知っている方は②から読むといいと思います。 borderは一括指定プロパ...
『:hover』『:active』『:checked』を見てみる
今回はアニメーションみたいに動きを出せる疑似クラスの『:hover』『:active』『:checked』について見てみましょう。 『:hover』とは hoverの表現方法の例を見てみる 画像でもで...