Tag Archives: caret

Free HTML App for Chromebook Users to Teach HTML

A free HTML app for Chromebook users is Caret. This app is a text editor that can be used to create many different types of programming files, including HTML. The HTML file can be stored in Google Drive. It can then be opened in a Chrome browser tab, to preview the contents.

If you are teaching TechnoHTML published by TechnoKids Inc. the Caret app is an excellent solution since Editey is no longer free. This free HTML app for Chromebook users is ideal for teaching HTML and CSS to beginners.

How to Create an HTML File on a Chromebook

  1. Visit the Chrome Web Store.
  2. Install the Caret app on your Chromebook.
  3. Launch Caret.
  4. At the bottom of the Caret window, click Plain Text and select HTML.
free HTML app for Chromebook
Select HTML as the file type
  1. Before you start coding, from the File menu, select Save File.
  2. Select Google Drive>My Drive.
  3. Name the file index.html. Click Save.
  4. Type the HTML code into the file.
    NOTE: You can also include CSS in the head. For example:
html and caret
Type the HTML and/or CSS code into the Caret app.
  1. To preview the code, open a new browser tab. KEEP CARET OPEN.
  2. On your keyboard press CTRL + O. Go to your Google Drive and select index.html.
  3. The file will open in the web browser.
web page
Click CTRL + O to open a file in the Chrome web browser.
  1. To keep editing the web page, return to Caret. KEEP THE WEB PAGE OPEN.
  2. Make the changes and then save the file.
  3. View the browser tab with the web page. Click Refresh to see the changes.