HTMLビューアーのおすすめは?
HTMLビューアーには、次のようなものがあります。
ビューアー名 | 説明 |
---|---|
HTML Viewer | シンプルなHTMLビューアで、軽量で素早くHTMLファイルを表示できます。 |
JavaScript Anywhere JSAnywhere | JavaScriptのエディタとビューアが一体化したツールです。 |
ファイル変換 (Document Converter) | 様々なファイル形式をHTMLに変換できるコンバータツールです。 |
VestMail | 簡単にHTMLメールを作成・編集・プレビューできるツールです。 |
楽天ドライブ - 転送・保存 | オンラインでファイルを保管・転送できるサービスで、HTMLファイルのプレビューも可能です。 |
XML Viewer Converter JSON PDF | XMLファイルを表示し、JSONやPDFに変換する機能を持つツールです。 |
HTMLエディタの紹介
また、HTMLエディタには、次のようなものがあります。
エディタ名 | 説明 |
---|---|
Brackets | Live Preview機能を備えたオープンソースのHTMLエディタです。 |
Atom | GitHubによって開発されたモダンなエディタで、拡張機能が豊富です。 |
CotEditor | 日本製の軽量で使いやすいエディタです。 |
Visual Studio Code | Microsoftが提供する強力なコードエディタで、多くの拡張機能に対応しています。 |
Online HTML EDITOR | ブラウザ上で動作するHTMLエディタで、インストール不要です。 |
Sublime Text | 高速で豊富な機能を持つテキストエディタで、開発者に人気があります。 |
Notepad++ | シンプルかつ強力なWindows用のテキストエディタです。 |
CodePen | オンラインのエディタで、HTML、CSS、JavaScriptのプレビューが可能です。 |
HTMLエディタにはプレビュー機能が備わっているものがあり、記述した内容に誤りがないか確認しながらコードの記述を進めることができます。
デベロッパーツールの利用
また、ホームページのHTMLを確認するには、デベロッパーツールを使う方法もあります。Google Chromeであれば、該当のホームページで右クリックして「検証」をクリックして開くか、F12で開くことができます。
HTMLコード例
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>サンプル</title> </head> <body> <h1>これはサンプルの見出しです</h1> <p>これはサンプルの段落です。</p> </body> </html>
その他の参考記事:html エディター 無料