- 2020.02.12
- HTMLの基礎,
HTMLでclassを複数指定するときはスペースがポイント
HTMLで一つの要素にclass属性の属性値(クラス名)を一つだけではなく複数指定することができます。 HTMLでclass名をふたつ以上同一要素に指定したり、入れ子になった要素で […]
- 2020.01.26
- HTMLの基礎,
HTML パンくずリストを構造化データにしてマークアップする
パンくずリストを作成するためにHTMLで要素をリストにしてマークアップするのは比較的簡単なのですが、作成したパンくずリストを構造化データにしてマークアップしたことが一度もなかったの […]
- 2020.01.14
- HTMLの基礎,
HTMLファイルにCSSファイルを読み込ませる方法
CSSを記述する専用のcssファイルを作成して、作成したHTMLファイルにcssファイルを読み込ませることでスタイルを適用していくことができます。 HTML文章にインラインで直接c […]
- 2020.01.06
- HTMLの基礎,
HTMLで2カラムのレイアウト作成をできるようにする
2カラムのレイアウトを作成できるようにするためには、HTMLの要素をどのようにマークアップすればいいのか、そして作成した2カラムのHTML要素をどんなCSSを使用してレイアウトを組 […]
- 2019.12.18
- HTMLの基礎,
iPhoneでHTMLエディタの無料アプリを使用してみた
iPhoneでHTMLエディタの無料アプリを使用してみたのですが、意外とPCではない環境でHTMLやCSSのコーディングするのも悪くないかなと思いました。 iPhoneで使用した無 […]
- 2019.12.06
- HTMLの基礎,
HTMLのnoindexはどのような書き方と使い方をするのか理解する
HTMLでnoindexタグを書くときは、どのような書き方をすればいいのか理解できるようにしておこうと思います。 「noindexの書き方」では、noindexの指定をするためにm […]
- 2019.11.17
- HTMLの基礎,
HTML divとspanの違いを理解するために考える
HTMLのdivとspanはタグ自体には意味を持たないタグです。 そもそもHTMLのタグは、タグでマークアップしたコンテンツがどのような意味を持つ要素なのか目印を付けて示しやすくす […]
- 2019.10.28
- HTMLの基礎,
HTMLのstyle属性の使い方をCSSを記述しながら理解する
HTML文書の中に直接CSSを書く方法にはstyle属性を使用して要素のスタイルをインラインcssでデザインする方法があります。 現在主流なのは外部ファイルで記述したCSSを読み込 […]
- 2019.10.09
- HTMLの基礎,
HTML imgタグで画像表示させる方法を理解する
HTMLでimgタグを使用すると画像表示することができます。 ただimgタグを記述するだけでは画像は表示されないのでHTMLで使うimgタグはどのような書き方をしてどのような使い方 […]
- 2019.09.20
- HTMLの基礎,
HTML idとclassを間違いなく使い分けるために理解しておくべきこと
HTMLで要素をマークアップするときに指定する方法に「id」や「class」の属性をつけて指定する方法があります。 HTML側で指定したidとclass属性の値はCSSのセレクタに […]
- 2019.09.08
- HTMLの基礎,
HTMLでURLをクリックできるようにするリンクの作り方
HTMLでURLをクリックできるようにするときのリンクの作り方を説明していきます。 URLリンクを作るHTMLタグはどんなタグを使えばいいのか、そのタグはどのように書くことでリンク […]
- 2019.08.31
- HTMLの基礎,
HTML tableを理解して表の作り方を応用できるようにする
HTMLでテーブルを作成して表を組み立てるためには<table>や<tr><td>そして<th>のタグの使い方の理解が大切です。 そ […]
- 2019.08.17
- HTMLの基礎,
ペライチでホームページ作成をしてみたら本当に簡単だった
2015年4月に開始した日本産のホームページ作成サービス「ペライチ」 「ペライチ ホームページ」で検索するとCSSやHTMLの使い方が分からなくてもホームページ作成が簡単にできると […]
- 2019.08.13
- HTMLの基礎,
ラジオボタンの画像をクリックして表示切り替えをする練習
ラジオボタンを画像にしてから画像をクリックすると、画像の表示を切り替えられるようにすることができますが、なんとなくしか画像の表示切り替えをする仕組みが理解できていなかったので練習し […]
- 2019.08.02
- HTMLの基礎,
HTMLのinputとlabelを使用してidとforを紐付けしてみる
HTMLのlabelとinputをidとforで紐付けしてみようと思います。 inputに「id」labelには「for」を属性値として指定するのですが、特にHTMLでinputの […]
- 2019.07.25
- HTMLの基礎,
HTML input要素のtype属性の種類を知りたいときの一覧
HTMLでinput要素のtype属性で使える属性値の数が多くて「絶対に覚えていられんよ」ということになったので、HTML5から追加されたtype属性の属性値も含めて簡単にですが一 […]