- 2020.10.08
- HTMLの基礎,
HTMLのdetailsで折りたたみできる要素を作成する
HTMLのdetailsは簡単な記述で折りたたみできる要素を作成して展開表示することができるイケてるタグらしいとの情報を今さら見つけました。 HTMLのdetailsをどのような使 […]
HTMLの基礎
1/3ページ
- 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 […]
- 2020.06.16
- HTMLの基礎,
HTML タブの切り替えができるボックスを作成する
HTMLページでタブをクリックしたら、タブと連動してタブ下のコンテンツが切り替わるボックスを作成してみました。 タブで切り替えができるようにする前は、３つのリストを横並びにしてるだ […]
- 2020.05.25
- HTMLの基礎,
HTMLでページ内の特定の場所にジャンプする指定方法
HTMLページ内のリンクから自分で指定する特定の場所までジャンプできるようにしたいので指定方法を勉強してみました。 「ページ内で特定の場所にジャンプ」 「ページ内から […]
- 2020.05.08
- HTMLの基礎,
HTMLページの文字化けを直して解決する方法
作成しておいたHTMLページをスマホのテキストエディタで表示したときに6つあるHTMLファイルのうち2つが文字化けしてることに気づく。 PCでは文字化けしないのになんでスマホでは文 […]
- 2020.04.27
- HTMLの基礎,
jqueryプラグインで背景画像を自動スライドショーにする
複数の背景画像を順番に表示していくことができるスライドショーは、jqueryプラグインを使用することで自動スクロールするスライドショーにすることができます。 jqueryプラグイン […]
- 2020.03.31
- HTMLの基礎,
HTMLの「viewport」とは設定をどのようにすればいいのか覚える
HTMLでWebサイトを作成した表示をスマホで確認すると、全体的にコンテンツが小さくて見づらい。Webサイトを小さいスマホ画面で見やすく表示するためのレスポンシブ化が不足してること […]
- 2020.03.21
- HTMLの基礎,
iPhoneでHTMLソースを表示するアプリを使用して見る
iPhoneでHTMLソースを表示することができるアプリを見つけたのでインストールして使用して見ることにしました。 PC環境がない場合にiPhoneだけあれば自分のサイトや色々なW […]
- 2020.03.13
- HTMLの基礎,
Font AwesomeのアイコンをHTMLとCSSで表示する
Font AwesomeはWeb上のアイコンをアイコンフォントという文字として表示することができる商用利用が可能なツールです。 Font Awesomeの無料で使用可能なアイコンだ […]
- 2020.02.22
- HTMLの基礎,
HTMLで表示と非表示の切り替えをクリックでできる要素を作る
HTMLで表示と非表示の切り替えをできるように要素を組み立て、チェックボックスと連動するボタンをクリックしたら、組み立てた中の要素で文字や画像が表示と非表示に切り替わる、折りたたみ […]