PDF download Download Article PDF download Download Article

Chrome OS is a relatively new, but extremely lightweight operating system. It comes on all Chrome Books as a cheap option for someone to get into coding. However, coding in Hyper Text Markup Language (HTML) on Chrome OS is not as straight-forward as it seems. Since Chrome OS does not have a text editor, you have to acquire one in order to code.

Part 1
Part 1 of 2:

Installing a Text Editor

PDF download Download Article
    • Google Chrome looks like a rainbow ball icon.
  1. Advertisement
    • Keywords to search by include: text editor, HTML
    • Find an app that has plenty of good reviews. Thankfully, Chrome organizes suggestions by highly rated apps.
    • Make sure it is an app, not an extension.
  2. Once an app has been found that will code in HTML, add it to chrome by click on the blue button that says “add it to chrome”.
    • A pop-up will appear after clicking it. Read and accept any permissions it requests by clicking add app.
  3. Advertisement
Part 2
Part 2 of 2:

Writing Code

PDF download Download Article
  1. At the bottom shelf, click on the magnifying glass icon. Click on “All Apps” on the right and scroll over till you find it.
    • For newly installed apps on some versions, a pop-up will automatically display where the app is located. Depending on the version, you might need to go looking for it manually.
  2. This will open up a blank text page ready for typing.
  3. Code in the <html> tag to give the browser a notice of what language your using, and then close it off a few lines down with </html>.
    • Tags that start with the “/” are the ending tags. Tags cannot work without the opposite pair.
    • Tags are case-sensitive. Make sure that they are typed in lower-case lettering.
    • Title tags let users know which site they are on.
  4. Code some body tags after the closing head tag with <body>, while giving yourself some lines before you close it off with </body>.
    • The body is where the bulk of the information goes.
  5. In between each title tag put a title to help users know where they are.
    • Make it welcoming!
  6. In between the body tags type a sentence or two.
  7. Scan through the document and make sure that everything is closed. If tags are not closed, the page will not display properly.
  8. Click “save" after you named it correctly.
    • For example: “MyFirstWebsite.html”.
  9. Click on the magnifying glass on the shelf and search for the Files icon. You may need to go into All Apps again.#* Open up the file explorer and locate the saved HTML.
    • Open the document by clicking on it.
  10. The document will open up in your default browser.
  11. Advertisement

Community Q&A

Search
Add New Question
  • Question
    I did exactly this and it keeps opening in the text editor. I know how to code, since I'm taking a course in school. Any tips on why it's not working?
    Community Answer
    It may be related to the file extension you're using. Make sure that the file extension is .html, otherwise it might open in a text editor instead of the web browser.
  • Question
    Do you have to use p tags to make a webpage?
    CageyCat
    Top Answerer
    A p tag tells a browser "This begins a paragraph." A /p tag ends that paragraph. You could leave out p tags but all your text would go on endlessly.
  • Question
    If you open the html in your files, is there any chance you could look up the "site" youve created on any device as an actual website? Or is it only openable through your files?
    CageyCat
    Top Answerer
    Once you have written coding to make "a webpage", you must upload it (also called FTP - File Transfer Protocol) that page to your hosting company, to the space you have with them. Additionally, the very first page you write MUST be named "index.html" (without the quote marks). Once you have uploaded index.html and any other pages, you can access your website with any browser using your id with your hosting company.
See more answers
Ask a Question
      Advertisement

      Tips

      • Styles can also be applied to enhance text and the way it looks. Search the internet for more tutorials!
      • Closing tags must be placed in order of which opening tag comes first. The first tag to be closed is the last one to open.
      • A good app to use is Text, but there are plenty of other options out there. Go explore!
      Show More Tips
      Submit a Tip
      All tip submissions are carefully reviewed before being published
      Name
      Please provide your name and last initial
      Thanks for submitting a tip for review!
      Advertisement

      Warnings

      Advertisement

      Things You'll Need

      • Chrome OS
      • An Internet connection


      About This Article

      Thanks to all authors for creating a page that has been read 51,667 times.

      Is this article up to date?

      Advertisement