HTML: 4. 10 Basic HTML Terms: Easily Explained for Non-Pro Developers

𝍖 HTML for Beginners                                                                                                                                                                                                                                  πŸ”– HTML TERMS


10 Basic HTML Terms: 

Easily Explained for Non-Pro Developers



Today's Contents:

• Web Browser
• Hypertext
• Markup Language
• HTML Tags
• Empty Tags
• HTML Content
• HTML Element
• HTML Attribute
• HTML Attribute Name
• HTML Attribute Value



Hi, Radiant Guys! Is everyone doing well? In my last post, I introduced how to install two free programs that you need when you first start coding. One was a web-based coding program called "Visual Studio Code", and the other was an extension program called "Live Server" that improves users convenience when coding.

In today's post, I'm going to introduce some HTML terms that remarkable people like us who want to learn coding for their online activities should know when they first get into coding.

In fact, today's young generation loves coding. They may be familiar with computer science terms such as HTML and CSS, but these terms seem unfamiliar to the middle-aged generation that graduated from school long ago. But our Radiant friends know better than ever that age is just a number, right? Now then, shall we set off together?


Web Browser

A web browser is software that connects to a web server, receives information, and displays it on the screen. Examples of web browsers are Chrome, Internet Explore/Edge, Firefox, Safari, Opera, etc. 


⎖ HyperText

Hypertext means 'going beyond text' and refers to the concept of moving within the same page or to a completely different page.


⎖ Markup Language

Markup language means ‘marking language’. It refers to a computer language for structurally expressing documents by using different marks, such as HTML tags on the title, content, table of contents, etc. Markup language includes JavaScript, DOM (document object model), Python, etc.


HTML Tags

HTML tags are a form of computer language used to create web pages. They are used in HTML as commands enclosed in angle brackets. 

An HTML tag consists of the specific text inserted within angle brackets. Most tags have an opening and closing tag that are used together as a pair. The most common form of coding phrases is in the following order: an opening tag, specific content, and a closing tag. There is no distinction between uppercase and lowercase letters. 

In HTML documents, an opening tag is placed at the beginning of the target content, and a closing tag is placed at the end of the target content. Closing tags have a forward slash (/) before the specific command. However, Some tags perform their function by forming an element with only an opening tag and no closing tag (e.g., <meta charset="utf-8"> ). 

For example, the p in the <p> tag means paragraph, and this is a command that adds blank lines above and below the reference line to indicate that the writing is a distinct section. An example of an element containing <p> ••• </p> tags is shown in the image below.


[Image: A common example of tags use]


Empty Tags

Empty tags are tags that have only an opening tag and no closing tag. However, they also perform some functions on the web. Examples of empty tags include <meta>, <link>, <br>, <hr>, <input>, etc. 


HTML Content

HTML Content usually refers to specific text located between the opening and closing tags, and depending on the characteristics of the tag, there may be cases where there is no closing tag.


HTML Element

In an HTML document, a unit consisting of an opening tag, content, and a closing tag is called an element.


HTML Attribute

An HTML attribute is a part of the markup language that adjusts how an HTML element is displayed. An attribute contains an attribute name and an attribute value. All HTML elements have attributes, and they are always located within open tags. Attribute values are always displayed surrounded by double quotes.

The attribute, lang, specifies the language of an element's content. The attribute values of the language attribute are referenced by searching the "ISO language code".


[Image: The example of an HTML element, including an attribute]


Well, in today's post, we looked at 10 Basic HTML terms aimed at ordinary people who are interested in coding. These concepts introduced today are essential basic knowledge to understand coding, so please be sure to understand them for the next step. 

Then, in the next post, I will introduce fun coding exercises using Microsoft Notepad. I hope this post was helpful to you. See you again, Radiant Guys!

NEXT POST   How Can A Beginner Practice Coding? (feat. Microsoft Windows Notepad)



🎈🎡  🎈🎡  🎈🎡



Posted by Ayul 








Post a Comment

Previous Post Next Post