gulpのBrowser-SyncでHTMLとCSSをプレビューする
今回はgulpのbrowser-syncを設定することで、ejsとsassからHTMLとCSSにコンパイルしたファイルを自動リロードしてプレビューできるようにしたコードを書き記した […]
「HTML」の検索結果 228件
1/15ページ
GulpでEJSからHTMLにコンパイルできるようにする
GulpでEJSからHTMLにコンパイルできるようにするための環境構築を練習してみたときのことをメモがてらまとめました。 ejsファイルを修正してコンパイルしたhtmlファイルを、 […]
GitとGitHubでHTMLファイルを管理する
ウェブサイト製作の勉強で作成したHTMLファイルやCSSファイル、画像などのフォルダがローカルに溜まってきたのでGitHubで管理することにしました。 コマンドでローカルのファイル […]
WordPressのesc_htmlでHTMLをエスケープ処理する
WordPressのesc_htmlはHTMLをエスケープ処理するときに使用するWordPressで用意されている関数です。 esc_htmlを使用するクセが付いていなかったのでH […]
HTMLのbrタグをCSSで非表示にするやり方
HTMLのbrタグで改行した部分をCSSで非表示にするやり方と使用例を紹介します。 brタグをCSSで非表示にするやり方については細かい説明が必要ないくらい簡単です。 […]
HTMLとCSSでポップアップを表示する
HTMLとCSSでポップアップを表示する作り方を説明します。 ウェブサイトでのポップアップはボタンをクリックしたときに、最初は隠れていたコンテンツがボタンに連動して表示される動作の […]
HTMLのaタグで電話がかけられるリンクを作成する
最近になって知ったのですがHTMLのaタグは電話がかけられるリンクを作成することができるのです。 HTMLのaタグで何かしらのウェブページをリンクするときにはhref属性の値にペー […]
サーバーにアップロードしたHTMLファイルを編集する
HTMLファイルをサーバーにアップロードしてからのことです。 アップロードしたHTMLファイルで表示しているウェブページの内容を編集したくなることがあります。 ちょっとした文章を書 […]
meta descriptionをHTMLファイルに記述する
meta description(メタ ディスクリプション)をHTMLファイルに記述するとウェブサイトのページが検索結果に表示するときにページの説明文を表示することができます。 m […]
ファビコンをHTMLで表示させてみた
ファビコン(favicon)とはfavorite iconの略でブラウザのタブや履歴、お気に入りに表示されるアイコンやスマホでサイトをホーム画面に置いたときに表示することができるア […]
HTML 複数ページで共通になる部分はインクルードする
複数のHTMLファイルで共通になる部分はファイルを部品化したパーツとして扱いインクルードすると、修正するファイルが少なくできるので作業効率が良くなります。 サイトのヘッダー、フッタ […]
エックスサーバーでPHPをHTMLファイル内で使えるようにする
エックスサーバーを使用しているウェブサイトのHTMLファイル内でPHPを使えるようにしたいときがありました。 共通パーツをPHPのincludeで読み込むようにしたいという目的があ […]
HTMLページの目次を自動生成して表示する
HTMLとCSSで目次を作成していたのですが、目次を使うHTMLページが多くなったときのことを考えて、目次を自動生成してHTMLページに表示したいと考えました。 javascrip […]
HTMLファイルにSVGで四角形の図形を表示する勉強
HTMLファイルにSVGで四角形の図形を表示する勉強をしたときのことを覚え書き程度に記事にしておくことに。 SVGについての知識がまったくない状態で勉強を始めたのですが、作りやすそ […]
HTMLでツールチップを表示する要素を作成する
HTMLで作成した要素内で、専門用語や略語などを使用して文章を組み立てるとき、ヒントや助言などを書いて分かりやすい文章構成にすることがあります。 しかし作成した要素にヒントや助言を […]
HTML timeタグの使い方を覚える
HTMLのtimeタグの使い方があまり理解ができていなかったので勉強して覚えることにしました。 HTMLのtimeタグは「datetime属性を使用した場合」と「datetime属 […]