- 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タグで指定する画像ファイルの保存場所をどのように作成すればいいか分かりませんでした。 覚えてしまえば画像の保存場所の作成は、複数のファイ […]
- 2020.10.08
- HTMLの基礎,
HTMLのdetailsで折りたたみできる要素を作成する
HTMLのdetailsは簡単な記述で折りたたみできる要素を作成して展開表示することができるイケてるタグらしいとの情報を今さら見つけました。 HTMLのdetailsをどのような使 […]
- 2020.09.25
- HTMLの基礎,
HTMLで目次を作成してCSSでデザインする
ブログに目次があると、記事を読みに来てくれた方が最初に目次をみることで、どんな内容のことが書いてあるのかページ概要を把握できます。 検索ユーザーは少しでも早く自分の悩みに一致する情 […]
- 2020.09.12
- HTMLの基礎,
マークアップとは何か？HTMLで練習しながら理解する
HTMLの勉強を始めたときに「マークアップってそもそも何？」の疑問をいまいちピンこないままHTMLを使い始めたのを思い出しました。 今さらですが私なりにマークアップとは何かまとめま […]
- 2020.08.20
- HTMLの基礎,
ヘッダーのロゴを無料ソフトを使用して作成する
ヘッダーに配置するロゴの作成を簡単に作成してばかりいたのでロゴジェネレータに頼らずにロゴ作成をすることにしました。 ロゴ作成は素人以下の実力を持つ私なので高機能すぎるソフトではなく […]
- 2020.08.05
- HTMLの基礎,
HTML aside要素でサイドバーのアウトラインを作る
HTMLのaside要素で2カラムレイアウトのサイドバーをマークアップしてアウトラインを作るときに、asideの意味を調べていたら余計にasideのことが分からなくなり立ち止まって […]
- 2020.07.14
- HTMLの基礎,
ダウンロードリンクでzipファイルをダウンロードできるようにする
HTMLのa要素のリンクをクリックしたらファイルをダウンロードすることができるダウンロードリンクが作れるのを最近知りました… いったいどのようにするとリンクをクリックしたらファイル […]
- 2020.07.06
- HTMLの基礎,
FileZillaをダウンロードしてインストールするやり方
FileZillaは数あるFTPソフトのうちの一つでPCからサーバーへアップロードしたり、逆にサーバーに保存していたファイルをPCにダウンロードするというファイル転送ができる無料の […]
- 2020.06.23
- HTMLの基礎,
HTMLファイルの開き方をブラウザを指定して表示する
HTMLの勉強を始めたときにHTMLファイルをブラウザで開いて表示する方法が全くわかりませんでした。 一体どのようにしてHTMLファイルを「Chrome」「Safari」「Fire […]