- 2021.07.21
- HTMLの基礎,
HTML 複数ページで共通になる部分はインクルードする
複数のHTMLファイルで共通になる部分はファイルを部品化したパーツとして扱いインクルードすると、修正するファイルが少なくできるので作業効率が良くなります。 サイトのヘッダー、フッタ […]
- 2021.06.25
- HTMLの基礎,
HTMLページの目次を自動生成して表示する
HTMLとCSSで目次を作成していたのですが、目次を使うHTMLページが多くなったときのことを考えて、目次を自動生成してHTMLページに表示したいと考えました。 javascrip […]
- 2021.06.11
- HTMLの基礎,
HTMLファイルにSVGで四角形の図形を表示する勉強
HTMLファイルにSVGで四角形の図形を表示する勉強をしたときのことを覚え書き程度に記事にしておくことに。 SVGについての知識がまったくない状態で勉強を始めたのですが、作りやすそ […]
- 2021.05.17
- HTMLの基礎,
HTMLでツールチップを表示する要素を作成する
HTMLで作成した要素内で、専門用語や略語などを使用して文章を組み立てるとき、ヒントや助言などを書いて分かりやすい文章構成にすることがあります。 しかし作成した要素にヒントや助言を […]
- 2021.05.05
- HTMLの基礎,
HTML timeタグの使い方を覚える
HTMLのtimeタグの使い方があまり理解ができていなかったので勉強して覚えることにしました。 HTMLのtimeタグは「datetime属性を使用した場合」と「datetime属 […]
- 2021.04.21
- HTMLの基礎,
HTMLタグをそのまま表示するためにpreタグとcodeタグを使用する
HTMLタグをブラウザにそのまま表示したいときに、タグをHTMLファイルにそのまま記述したり貼り付けると、HTMLの開始タグと終了タグはHTMLタグとしての機能が働いてしまい表示が […]
- 2021.04.02
- HTMLの基礎,
jQueryをダウンロードしてHTMLファイルに読み込む
jQueryをこれから利用する人や、何かのjQueryプラグインをHTMLファイルに組み込むときに必要になる最初の作業「jQueryをダウンロードしてHTMLファイルに読み込む」や […]
- 2021.03.18
- HTMLの基礎,
パソコンでディレクトリの作り方を覚えてファイルをまとめる
パソコンを使い始めたとき、すごくディレクトリの作り方が難しく感じました。 パソコンでディレクトリの作り方は慣れてしまうと簡単に作成できるようになるのですが、パソコンの操作に不慣れな […]
- 2021.03.01
- HTMLの基礎,
OGPの設定をHTMLファイルに記述する
OGPの設定はWebサイトのページをSNS上に表示するときに、ページの「タイトル」「説明文」「画像」を表示することができ、SNS上でのページ情報を視覚的に理解しやすく表示変更できる […]
- 2021.02.09
- HTMLの基礎,
HTMLページにページネーションを簡単に実装する
HTMLとCSSで作成したWebサイトのトップページにページネーションを実装して次のページに移動できるようにしたいのでチャレンジしていたのですが、HTMLのaタグでリンクして作るペ […]
- 2021.01.30
- HTMLの基礎,
iframeタグをHTMLで記述して埋め込みたいページを表示する
HTMLファイルにiframeタグを記述すると埋め込みたい外部のページを表示することができます。 iframeタグをHTMLでどのように記述すると埋め込みたいページを表示することが […]
- 2021.01.12
- ドメインの知識,
index.htmlなしのURLでアクセスできるようにする
index.htmlファイルをサーバーのドキュメントルートにアップロードしてからのことです。 ブラウザにURLをhttps://○○○.comのようにドメインだけでアクセスして表示 […]
- 2021.01.08
- HTMLの基礎,
お問い合わせフォームの作り方をHTMLとPHPで覚える
お問い合わせフォームの作成にチャレンジしてみようと思い立ったのですが、HTMLで入力フォームの表示はできても、お問い合わせ内容を入力した情報をメール送信するPHPの書き方が分かりま […]
- 2020.12.01
- サーバーの理解,
HTMLファイルをサーバーにアップロードする方法
HTMLファイルをサーバーにアップロードする場合には、ローカルに保存しているHTMLファイルを、FTPソフトを使用してサーバーに転送することでアップロードすることができます。アップ […]
- 2020.11.20
- HTMLの基礎,
styleタグでCSSをHTMLファイルに記述する
styleタグはCSSをHTMLファイルに直接に記述して埋め込むことができます。 CSSは基本的にCSSだけを記述する専用のCSSファイル(style.css)を別のファイルとして […]
- 2020.11.04
- HTMLの基礎,
HTMLで表示する画像の保存場所を作成するやり方
HTMLの勉強を始めたときにHTMLのimgタグで指定する画像ファイルの保存場所をどのように作成すればいいか分かりませんでした。 覚えてしまえば画像の保存場所の作成は、複数のファイ […]