*This page may contain affiliate links. We only recommend products and services that we have tried, trust and love. For more information, you can read our terms and conditions.

Getting Started Coding with HTML

Html files are just normal text files with the extension .htm, .html, or .shtml.  You can think of html as learning how to “talk” to the computer in its language, so it will display what you want.  We will be using Text Wrangler in our class to create the html files.  Let’s take a look below at basic html:

<html>
<head>
<title>The title of your webpage goes here</title>
</head>
<body>The body text goes here.  These are the words that appear on your webpage.</body>
</html>

You will begin the document by typing <html>.  This communicates “Attention Computer, I am speaking html to you.” You always end the document by communicating “Attention Computer, I have completed talking to you in html.”  This is done using </html>.  Numerous html code components are open and shut in the same manner.

A great place to get started learning code is online such as W3Schools and Lisa Explains It.  Once you have a basic understanding of code, you can simply test it out online such as with the Tryit Editor on W3.

Of course the Internet is always changing and the new web standard is actually HTML5.  Don’t worry this won’t involve too much of a transition.  In fact, You can quickly see the new (and eliminated) code using an HTML5 Tag Reference sheet.

What are some of your favorite html/html5 codes you have tried?

Picture of Lisa Flanders-Dick

Lisa Flanders-Dick

I'm passionate about empowering teacher leaders with systems, tools, and strategies to spark innovation, create lasting impact, & reclaim time for what matters most.
✨ Support. Empower. Sparkle✨

Leave a Reply

Your email address will not be published. Required fields are marked *

Hi, I'm Lisa
I am passionate about promoting and fostering effective technology-enhanced teaching, learning, and leadership. Thanks for visiting — I hope you leave with a spark of inspiration and a tool or two for your pencil box!
Let's Connect!
Blog Categories
Teaching & Tech
Professional Growth
Brand Journey
Need a PD plan like… yesterday?

Snag this free kit with templates, tools,  and time-saving tips to help you lead your next session.

toggle icon

Grab your FREE PD Planning Kit

Let's Connect

Lisa

Have a project, PD day, or idea brewing? I’d love to help!
Let’s connect, collaborate, and create something great together.

P.S. Feel free to just reach out to say hi!

If you would like to email directly…
lisa@edtechpencilbox.com

email dot line