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かみてみる あえて語弊を...

記事を読む

【HTML】ol、ul、liの使い方まとめ【リストの型・応用も】

今回はHTMLでよく使う<ol><ul><li>タグについて見ていきます。 olとは? リストの中にリストを作って2段階リストにする リストの順番指定 ulと...

記事を読む

【CSS】セレクタや疑似クラスを学んでidやclassをスッキリ!

CSSでいろいろ装飾をする練習をしていたら、classやidだらけになって困っていたのでセレクタ関連についていろいろ勉強しました。その中でセレクタの指定方法について重要だと感じたものをまとめてみました。 なお、あくまで初心者がまとめるものなので難しい用語はな...

記事を読む

【HTML/CSS】tableの使い方を学ぶ【表作成・装飾】

Excelについてブログで情報発信をして、HTML/CSSの勉強をしているといいながらtableタグの解説をしていない矛盾に気づいたので解説していきます。 1、tableタグって? 1-1、タグの種類 1-2、作成方法 ...

記事を読む

「送信されたURLにnoindexタグが追加されています」って?

Google Search Consoleから「送信されたURLにnoindexタグが追加されています」とエラーメッセージが表示されたのでかなりテンパっていろいろ調べていました。(他にもエラーとかで振り回されてました) 初心者ながらなんとか無事(簡単)に解決...

記事を読む

【HTML&CSS】目次作成しよう【ジャンプ・枠で囲うなど加工】

以前もWordpressでプラグインを使わずに目次を作るためにテキストエディタ(HTMLだけ)でリストにリンクを付けてジャンプするやり方を作りましたが、やはり目次らしくするためにCSSも使いながら目次を作成していきます。 今回作るのは以下のよ...

記事を読む