How to Code HTML on Chrome OS
Open the internet by starting Google Chrome on the bottom shelf of the home screen., Search for the Chrome Web Store in the top search bar, and click on the first link., Search for a text editor in the top left search bar., Add it to Chrome., Find...
Step-by-Step Guide
-
Step 1: Open the internet by starting Google Chrome on the bottom shelf of the home screen.
Google Chrome looks like a rainbow ball icon. -
Step 2: Search for the Chrome Web Store in the top search bar
Alternatively you can use this link: https://chrome.google.com/webstore/category/apps , 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. , 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. , 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. , This will open up a blank text page ready for typing. , 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. , The body is where the bulk of the information goes. , In between each title tag put a title to help users know where they are.
Make it welcoming! , In between the body tags type a sentence or two. , Scan through the document and make sure that everything is closed.
If tags are not closed, the page will not display properly. , Click “save" after you named it correctly.
For example: “MyFirstWebsite.html”. , 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. , The document will open up in your default browser. -
Step 3: and click on the first link.
-
Step 4: Search for a text editor in the top left search bar.
-
Step 5: Add it to Chrome.
-
Step 6: Find the newly installed app and open it.
-
Step 7: Create a new document by clicking new.
-
Step 8: Code in the <html> tag to give the browser a notice of what language your using
-
Step 9: and then close it off a few lines down with </html>.
-
Step 10: Add the heading tags within the <html> tags by typing <head>
-
Step 11: and then a few lines down
-
Step 12: type </head> to close it.
-
Step 13: Create the title tags in the within the head by coding <title> and </title> immediately following the initial tag.
-
Step 14: Code some body tags after the closing head tag with <body>
-
Step 15: while giving yourself some lines before you close it off with </body>.
-
Step 16: Add a title to the webpage.
-
Step 17: Compose some text in the body.
-
Step 18: Check one last time.
-
Step 19: Save the document
-
Step 20: and make sure to put the .html extension directly after.
-
Step 21: Find the saved document.
-
Step 22: Admire the newly created webpage coded by yourself!
Detailed Guide
Google Chrome looks like a rainbow ball icon.
Alternatively you can use this link: https://chrome.google.com/webstore/category/apps , 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. , 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. , 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. , This will open up a blank text page ready for typing. , 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. , The body is where the bulk of the information goes. , In between each title tag put a title to help users know where they are.
Make it welcoming! , In between the body tags type a sentence or two. , Scan through the document and make sure that everything is closed.
If tags are not closed, the page will not display properly. , Click “save" after you named it correctly.
For example: “MyFirstWebsite.html”. , 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. , The document will open up in your default browser.
About the Author
Sarah Ellis
Professional writer focused on creating easy-to-follow crafts tutorials.
Rate This Guide
How helpful was this guide? Click to rate: