- 2020.11.20
- HTMLの基礎,
styleタグでCSSをHTMLファイルに記述する
styleタグはCSSをHTMLファイルに直接に記述して埋め込むことができます。 CSSは基本的にCSSだけを記述する専用のCSSファイル(style.css)を別のファイルとして […]
「HTML」の検索結果 152件
1/10ページ
- 2020.11.04
- HTMLの基礎,
HTMLで表示する画像の保存場所を作成するやり方
HTMLの勉強を始めたときにHTMLのimgタグで指定する画像ファイルの保存場所をどのように作成すればいいか分かりませんでした。 覚えてしまえば画像の保存場所の作成は、複数のファイ […]
- 2020.10.22
- Googleツール活用,
ChromeでHTMLとCSSの検証をするやり方
GoogleのChromeではWebサイトをブラウザに表示するためのHTMLと、ページのデザインに必要なCSSをChromeのブラウザで検証ツールを使用して検証ができます。 Chr […]
- 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.05
- HTMLの基礎,
HTML aside要素でサイドバーのアウトラインを作る
HTMLのaside要素で2カラムレイアウトのサイドバーをマークアップしてアウトラインを作るときに、asideの意味を調べていたら余計にasideのことが分からなくなり立ち止まって […]
- 2020.06.23
- HTMLの基礎,
HTMLファイルの開き方をブラウザを指定して表示する
HTMLの勉強を始めたときにHTMLファイルをブラウザで開いて表示する方法が全くわかりませんでした。 一体どのようにしてHTMLファイルを「Chrome」「Safari」「Fire […]
- 2020.06.16
- HTMLの基礎,
HTML タブの切り替えができるボックスを作成する
HTMLページでタブをクリックしたら、タブと連動してタブ下のコンテンツが切り替わるボックスを作成してみました。 タブで切り替えができるようにする前は、３つのリストを横並びにしてるだ […]
- 2020.06.10
- Googleツール活用,
ChromeでHTMLとCSSファイルを作成して編集や保存をする
ChromeでHTMLとCSSファイルを作成して、さらに編集や保存もすることができるのを最近になって知りました。 Webサイト作成ができます。 いつもHTMLやCSSのファイル作成 […]
- 2020.05.25
- HTMLの基礎,
HTMLでページ内の特定の場所にジャンプする指定方法
HTMLページ内のリンクから自分で指定する特定の場所までジャンプできるようにしたいので指定方法を勉強してみました。 「ページ内で特定の場所にジャンプ」 「ページ内から […]
- 2020.05.08
- HTMLの基礎,
HTMLページの文字化けを直して解決する方法
作成しておいたHTMLページをスマホのテキストエディタで表示したときに6つあるHTMLファイルのうち2つが文字化けしてることに気づく。 PCでは文字化けしないのになんでスマホでは文 […]
- 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.27
- CSSの書き方,
CSSとHTMLでアコーディオンメニューの作り方を勉強する
アコーディオンメニューの作り方を覚えたくなったので勉強してみました。 labelのボタンでinputのチェックボックスと連動したり、checkedでアコーディオンメニューをクリック […]