- 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属性の属性値も含めて簡単にですが一 […]
- 2019.07.18
- HTMLの基礎,
HTML フォーム作成で基本の要素や属性の使い方を練習
HTMLでフォームを作成するときに必要なタグや要素、属性の使い方を説明しながら私自身も練習しておこうと思います。 HTMLでフォーム作成するだけでも、タグや属性がけっこう登場するの […]
- 2019.07.12
- HTMLの基礎,
HTML 複数ページの作成は2ページ目以降をindex.htmlにリンク
HTMLで複数のページを作成してindex.html以外も作成していこうと思います。 基本的な作成しかしないので、HTMLで複数のページを作成するときはファイル作成や共通部分を同じ […]
- 2019.07.02
- HTMLの基礎,
HTMLのフッター作成「コピーライト」と「フッターメニュー」をマークアップ
HTMLでフッターを作成するときに使用することが多い「コピーライト」と「フッターメニュー」をheader要素にマークアップしたのですが、基本的に必要なHTMLタグやコピーライトの書 […]
- 2019.06.24
- HTMLの基礎,
HTML メインコンテンツを作成してsectionを理解する
HTMLでメインコンテンツを作るときは、先にアウトラインの全体構造を決めてからコンテンツの肉付けやデザイン等の詳細をつめていくと効率的に作成ができます。 またHTMLでメインコンテ […]
- 2019.06.13
- HTMLの基礎,
【HTML】ul ol liの使い方を覚えてリストを作れるようにする
HTMLでは「ul」「ol」「li」のタグを組み合わせて使うことで、文章を箇条書きにしてリスト化する要素を作ることができます。 そして実際の表示ではul、ol、liのタグで箇条書き […]
- 2019.06.09
- HTMLの基礎,
HTMLでヘッダーにロゴとメニューと画像を配置する勉強
HTMLでヘッダーを作る勉強です。 それぞれのサイトのデザインによりHTMLのマークアップの仕方は変わってきますが、勉強として基本的なHTMLの構造を作ってみたいと思います。 HT […]
- 2019.06.03
- HTMLの基礎,
HTML headerの使いかたをheadと間違えないための使い方
HTMLのheaderをheadと間違えないための使い方というタイトルにしたのは、もちろんheaderとheadの違いの再確認のためでもありますが、違いに加えてHTML5から追加さ […]
- 2019.05.28
- HTMLの基礎,
HTMLの基本構造と必要なタグを理解して基礎練習をする
はじめにHTMLの基本や基礎になるHTMLの基本構造を理解してから、HTMLファイルの土台になるHTMLタグの書き方を覚えていくとHTMLの基礎は分かりやすくなります。 完全にHT […]