 Take a look at this very basic HTML script. This is what is known as a Hello World script. This is because when viewed in your web browser, it simply shows Hello World. You can find a copy of this script in the description below. Before we start writing any code, however, it's important that we understand the basic concepts behind HTML code. To do this, we will break HTML into four easy-to-understand sections, syntax, tags, attributes, and structure. Syntax simply refers to the letters and symbols used to write a language, otherwise known as code. Take a look at this sentence. Now let's view it in HTML. The sentence has not changed. Instead, we have added HTML to the sentence. We do this by using the greater-than-and-less-than symbols, and in this case, the letter P, which stands for paragraph or sentence. An image would be written by using the less-than-and-greater-than symbols and the letters IMG. You can probably guess what these three letters stand for. That's right, image. A website link would be created by using the less-than-and-greater-than symbols and the letter A. This one may be a little trickier to catch. The A stands for anchor. In essence, we are saying this word is anchored, attached, or linked to another website or another location on that page. Have you detected a pattern? Notice that HTML syntax uses the same symbols over and over again, combined with letters that identify the kind of content we want to display. These combinations are called HTML tags. To help us better understand how HTML tags work, take a look at this t-shirt. As you can see, there is a price tag attached to it. The tag reveals important information about the t-shirt. In the same way, modern websites contain sections like menus, banners, images, and links. All of these can be created using HTML tags. Let's take a look behind the scenes to see how we can do this. Each time we create a web page, we will want to use the knock type declaration. This is placed on the very first line and it tells the web browser, like Chrome, Edge, or Safari, that this is an HTML web page. Next, we will need to add our main HTML tags. We first add what is called an open tag, followed by a closed tag. These two tags are virtually identical with the only difference being that the closed tag is written with a forward slash immediately following the less than symbol. Closed or ending tags, as they are sometimes called, simply help us to identify where a section of code starts and where it ends, followed by the head tag. Now we can declare the title of our web page using the title tag. When creating a web page, remember that everything we want people to see on our web page will need to be placed inside of the body tag. Once that is created, we can begin to add our sections. Notice we have a div tag here with an ID. This is an attribute which we will discuss in just a few moments. For now, let's focus on the name of the div tag. It's called main banner, so we are declaring this division as our main banner. And you can see that inside of this division, we have an image. Below this, we have an H1 or header tag and a paragraph tag followed by an image. And finally, we're going to create our link using the anchor tag, which we can do by simply using the letter A inside of our less than and greater than symbols. So let's do a quick review. First off, all tags are written by placing the name of our tag between a less than symbol and a greater than symbol, as we saw in the examples. Second, most tags will have an open tag and a closed tag. The closed tag will have a forward slash that immediately follows the less than symbol. And third, our content will be placed between the open and closed tags, as you can see here. Just as our t-shirt tag contains important information or attributes that describe our t-shirt, for example the brand, size and price, HTML tags also contain attributes that describe our content. For example, using the style attribute, we can adjust the color of our tags. And in our A tag, using the href attribute, we can change the link's destination. This link, for example, will take you to Amazon and this one to YouTube. Harnessing the power of attributes is key to effectively using HTML to build websites. Keep in mind that just as tags are attached to content, attributes are attached to tags. And when used in HTML, they are always placed inside the tag. This relationship between content and tags, as well as tags and their attributes, help to highlight the fact that HTML follows a structure. HTML's structure in many ways mirrors our own structure. While all people are different, structurally they share many similarities. They store important information in their head. They have a body and feet. Likewise, a website also has a head, located at the top of the HTML document, followed by a body and feet or footer. So how does this affect the design or layout of our site? Well, let's take a look at a couple of examples. Here we have two websites. Visually they look different, but if we look a little closer, we see that structurally they are similar. Information stored in the head tells viewers and web browsers what the website is about. What we see when we visit a website is located within the body section. The footer also plays an important role, acting in most cases like a summary of the website content. HTML's structure helps us organize our code into manageable sections and avoid becoming overwhelmed. In the same way, with these four fundamental concepts understood, learning how to code will be much easier. HTML has well over 100 different tags that you can use to build your website and applications. Thankfully, the Burn to Learn team has created a complete HTML series. In this series, we teach you how to use each one of these tags. We also include pro tips to help you master each HTML tag. Please consider helping our team by becoming a patron of Burn to Learn. Our patron members have exclusive access to additional training courses plus question and answer sessions. In addition to the HTML series, you can also check out our popular videos on programs like Zoom, Outlook, Excel, and PowerPoint, just to name a few. Burn to Learn is working to help you understand the changes in technology as they happen. Stay in the know. Subscribe today.