- 2021.06.11
- HTMLの基礎,
HTMLファイルにSVGで四角形の図形を表示する勉強
HTMLファイルにSVGで四角形の図形を表示する勉強をしたときのことを覚え書き程度に記事にしておくことに。 SVGについての知識がまったくない状態で勉強を始めたのですが、作りやすそ […]
HTMLの基礎
1/4ページ
- 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.08
- HTMLの基礎,
お問い合わせフォームの作り方をHTMLとPHPで覚える
お問い合わせフォームの作成にチャレンジしてみようと思い立ったのですが、HTMLで入力フォームの表示はできても、お問い合わせ内容を入力した情報をメール送信するPHPの書き方が分かりま […]
- 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の基礎,
ヘッダーのロゴを無料ソフトを使用して作成する
ヘッダーに配置するロゴの作成を簡単に作成してばかりいたのでロゴジェネレータに頼らずにロゴ作成をすることにしました。 ロゴ作成は素人以下の実力を持つ私なので高機能すぎるソフトではなく […]