主に、「お笑い」「ボードゲーム」「フリーランス」「プログラミング」「音楽」を更新しています。

HTMLをその場でプレビューできるツール「HTML Instant」

サイト作成
今回はHTMLを編集してその場でプレビュー画面を表示できるサイトツールを紹介します。

「HTML Instant」とは?

HTMLで書いたものをすぐにその場でプレビューすることができるサイトです。

「HTML Instant」の使い方

下記のサイトにアクセスします。 HTML Instant

書き込み タグ

・画面左側にプレビューしたいHTML文を書き込みます。 ・右側にプレビュー画面が標示されます。 ・タグボタンを押すとタグが挿入されます。 このようになります。   このサイトを使用することで、いちいちワードプレスでテキストに書き込んではプレビュー画面にいく、書き込んではプレビュー画面で確認という作業がなくなり時間短縮が図れると思います。   下部にボタンがあり、こちらも編集を便利にする機能がありますのでご紹介します。

Copy

クリップボードに書き込んだHTMLをコピーします。

Save

Cookie(キャッシュ)に内容を保存して、次回にHTML instantを開いたときに保存した内容が書き込まれた状態で開かれます。

Clear

書き込んだ内容をクリアします。

Import

形式を選びファイルを読み込みます。 html,htm,docx(Wordファイル),txt から選択できます。

まとめ

このツールを使えば簡単にHTMLのプレビューをすることができるので、作成段階で確認しながらHTMLを書くことができます。 HTMLでサイトを作成される方にはもってこいのツールサイトです。
タイトルとURLをコピーしました