HTML Dasar : Tag (4/13)

Welcome back to web programming unpassed In this video I will discuss about HTML tags About how to make it, its structure and other tags that we can write in HTML tags Tags are HTML codes where we write a smaller tag than and what is the name of the tag at the end with a bigger tag than There are pairs of tags, there are no pairs

Usually, paired tags have an opening tag and a closing tag. The closing tag has a diagonal line in front of the tag name. This is the basic structure of HTML that we have learned, where there are talk type, HTML, head, and body. What we will discuss this time is what tags can be in the head,

and what tags can be in the body. Let's discuss the first one, which is in the head tag. In the head part, there are a few things that we can save. The first is the title of the page that we have tried in the previous video, namely using the tag title, where whatever we write in the middle of this tag will be the title in the tab in the browser.

The second one is CSS with tag style. Then JavaScript with tag script. And lastly, in head we can store metadata using tag meta. Metadata is important to describe our website. For example, there are some explanations. First, we can write char set or char set or character set for encoding.

Don't be confused about what encoding is, we'll discuss it later. Then, the description of our website, keyword, and who is the author. This is also important for search engines to easily identify our website.

Those are the tags in head. Next, this is the important one, what tags can be in body. There are quite a lot of tags, I will only read a few in this video, we will discuss the details in the next videos. This is what we can write in body. First, for text, we can save what is called heading. HTML has 6 levels.

Starting from the biggest heading 1, then the smallest heading 6. To write a paragraph, we've tried using tag P. There are text supporters, these are the tags. BR to add a new line. HR to add a horizontal line. There's EM and Strong, we'll discuss the details in the next video. Then, to save the image, use the image tag.

To store hyperlinks, use tag A or anchor. To create lists, or in Microsoft Word, we usually use bullets and numbering. There's UL for unordered list, so there's a dot, a line, a arrow. Then there's OL for ordered list, where inside of UL and OL, there's li or list item.

and there's a DL for definition list, I'll make a video about it later. In the body, we can also save the table using the tag table, then form along with the elements in it. So we'll have tag form, where we can have input or text field, we can have combo box or select button, and so on.

In the body, we can also save javascript using tag script. We can also save objects, usually multimedia objects. If you want to save flash, you can use objects. Then there is a tag to do grouping. We will do group on

Tags in HTML are using tag div and span. This is also important if we learn CSS later. Then there is also tag comment. Comment is also quite important. Get used to saving comments on your website. Every language has its own tag comment. For HTML, use a smaller sign, a bigger sign, then minus twice. Finish with minus twice, then bigger.

This tag won't appear on the browser, it's for the developer, when they open the web, see the source code, they can know what this line is for, what this line is for. Because maybe if you are working on a web now, you might understand, but 2 months, 3 months, even the next year, you might forget what this line is for, the tag is the tag that can help.

remind us again. Now let's see the structure of a tag because tags have structure, not just the tag name only. The structure is like this. So, start with the tag name, we've tried it before. And there may be an attribute, then each attribute has a value. So this is the structure of the HTML tag. For example, I have a tag body, this is the tag name.

Then I have an attribute called bg_color, where the function of this bg_color is to change the background color of the body and the value is light blue. So later on my website, the background color for the body will change to bright blue like this. Although later I don't recommend this because when we write bg_color = light blue, it means we give color to the page and the color is the task of CSS.

But this is an example of writing attribute and value. A tag can have more than one attribute. This is an example. The body has bg_color, it also has id, and it also has class. So it can have no attribute at all or have many attributes, so it's okay.

Every tag has a default attribute or global attribute. All tags have the same attribute. We call it global attribute. What are the attributes? First, every tag has an access key attribute. The function is to determine if this element can be accessed using keyboard or shortcut. Then, class and ID. We can give this.

One element is to give a mark, what class it is, or what ID it is. Then, "dir" is to determine the direction of the writing, the direction. "lang" is for language. "style" is to insert CSS inline. We'll discuss more about CSS later. Then, "tabindex" is to determine the order. If we make a form, for example, the order, when we press tab, after that, the cursor's focus will change to where, using tabindex.

and the last one is the title to give a title to an element if you want to see the full attributes in more detail you can visit this website www.w3school.com/tags okay, maybe that's it for this video I'm Sandika Gali, thank you