Skip to content

HTML Basics

If you’re new to HTML or just want a refresher, this post is for you. We’ll go over some HTML basics in this post and use them. We’ll also talk about CSS and JavaScript for more advanced features in your pages. So if you’re ready to learn about the basics of HTML, keep reading!

Can’t go wront with this book on HTML basics. Buy it on Amazon.

HTML is the foundation for the web. It’s a language that helps create web pages by telling browsers how to display text, images, and other multimedia. This article will cover the basics of HTML, including tags, elements, and attributes.

What is HTML, and how does it work 

HTML stands for HyperText Markup Language. It’s a language that helps create web pages by telling browsers how to display text, images, and other multimedia. HTML is written in code, a series of instructions that the computer can understand. Browsers use this code to display web pages on screens.

Learning semantics is the root of HTML basics.

HTML basics, including tags, elements, and attributes 

Tags are the building blocks of HTML. They’re like the ingredients in a recipe. Tags are enclosed in < > and tell the browser what to do with the surrounding text or element. For example, the <h1> tag tells the browser to make the text inside it into a headline.

Elements are the basic units of an HTML document. They can be text, images, or other HTML tags. Elements are surrounded by < > and are usually completed with a closing tag </>. For example, the element for a headline is <h1>.

Attributes give extra information about an element. They’re like adjectives that describe a noun.

The importance of HTML to web design 

HTML is essential to web design because it’s the language that browsers use to understand and display web pages. When you create a website, you need to write HTML code to tell the browser how to format the text, images, and other multimedia on the page. HTML is also necessary for creating forms and adding interactivity to your website.

While other languages can be used for web design, such as CSS and JavaScript, HTML is always required. It’s the foundation of the web and provides a basic structure that all other languages can build on. If you’re interested in learning how to create websites, you need to know HTML.

How to create a basic webpage with HTML

To create a basic webpage with HTML, you need to write some code and save it as a text file with the extension .html or .htm. The code will tell the browser how to format the text, images, and other multimedia on the page.

<html>
   <head></head>
<body>
   <h1>My First Webpage</h1>
   This is my first HTML webpage. 
   I'll add more content later.
</body>
</html>

Both CSS and JavaScript are optional, but they can help add more sophistication to your websites. If you’re interested in learning more about them, there are plenty of resources online that can teach you how to use them.

CSS and JavaScript 

If you want to add more advanced features to your HTML pages, you can use CSS and JavaScript. CSS (Cascading Style Sheets) is a language that helps to style HTML elements. At the same time, JavaScript is a programming language that adds interactivity to web pages.

Cascading Style Sheets

CSS is a technology developed by the World Wide Web Consortium (W3C) for describing how documents are presented visually on screen. The acronym originally stood for Cascading Style Sheets. Still, in 1998 the W3C changed it to stand for “Cascading Style Sheets” or “Cascading Style Sheets Specification.” CSS allows the separation of presentation and content, giving designers more control over site appearance and making HTML markup more compact. 

transcending css the fine art of web design is a must have in any html basics recommendations.
One of the best primers on CSS. Buy it on Amazon.

As a separate file, a web page can use one style sheet to define all visual aspects of its presentation: colors, fonts, layout, etc. By changing this single file, all pages on a site using the same style sheet may be quickly made to look or conform to a different style. CSS can also specify details such as the width and height of elements, margins, padding, borders around an element, and text formatting.

The name cascading comes from how styles cascade; lower-level styles override higher-level ones. This is similar to natural cascades: water flows downhill, so higher elevations can ‘cascade’ down to lower elevations. But if the higher source is dammed up, then water will collect above the dam and run over it when it fills up high enough. The same thing can happen with CSS: due to specificity rules. If several conflicting styles apply to the same element, whichever type appears last in the style sheet takes precedence. 

This means that to change the appearance of an element, you only need to modify one or two lines of CSS rather than hunting around through many different files.

CSS code generally appears inside an HTML document in <style></style> elements. However, putting all styles into a separate file makes them easier to maintain and reuse across multiple pages. Separating presentation from content also allows users with limited capabilities to remove all formatting from documents without stripping away the structural information. Formatting can also be manipulated on the fly by web browsers, based either on user preferences or various constraints such as the device rendering the content.

JavaScript

JavaScript is a high-level, dynamic, and interpreted programming language. It supports object-oriented, functional, and imperative styles of programming. JavaScript usually refers to the language itself when not in context with a specific browser or environment that implements it. The common names for the language are “ECMAScript” (the official name) and “JScript.” 

javascript and jquery is a must have in any html basics recommendations.
One of the best primers on JavaScript. Buy it on Amazon.

In 1995 Netscape Communications Corporation originally created JavaScript. Intending to allow client-side scripts to interact with the user, control the browser, communicate asynchronously and alter page content after it had been displayed. As a result, many vendors provide a compatible implementation of it in their products. Many applications today use JavaScript to provide a better user experience.

JavaScript allowed any website to run a script in the user’s browser, which led to an explosion of dynamic websites. After almost two years, the number of browsers that implemented JavaScript was still very low, but many experiments were done.

It wasn’t until ECMAScript 3 was released in 1999 that there were clear rules on how JavaScript should behave, which resulted in more robust compatibility across browsers. ECMAScript is standardized under an Ecma International consortium founded in 1961 for standardizing computer systems languages and other non-military standards.

As of 2015, JavaScript is used by all modern browsers, and implementations continue to evolve to provide better support for language features, improve performance and fix security issues. It has become one of the most popular programming languages in use today.

So there you have it! You now know the basics of HTML. This is a great starting point, but don’t stop here. There are many more tags and elements to learn, which we’ll cover in future posts. In the meantime, practice what you’ve learned by creating your own web page. Are you ready to learn HTML?


For more articles on product design, NFTs, books, and crypto check out my blog.

No comment yet, add your voice below!


Add a Comment

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.