Steps to Learn HTML

Rodhi Faisal Mufid — Sat, 12 Nov 2022 11:44:07 +0000

1. Getting to Know Tags, Elements, and Attributes
Get acquainted with tags, elements, and attributes.

Tag, used as a prefix to instructions or commands that will be read by the web browser. For example: tag. This tag will prompt the browser to display the text in bold;
Element, is the entire code consisting of an opening tag (<>) to a closing tag (</ >). For example: <'h1>Examples of Elements. However, not all HTML tags have a closing pair;
Attributes, namely additional information or commands that are in the element. For example: This element uses the tag with the image source attribute (src) and alt text (alt).

2. Understand the basic structure of HTML

<!DOCTYPE html> is used to declare to the computer that you will write commands in HTML code;
is a tag that indicates that you start and end the document in HTML code;
filled with metadata from HTML document. Such as tab title, description, and others;
filled with website page content.

3. Setting up the HTML Editor
The HTML editor is a worksheet for creating and editing HTML documents.
There are various HTML editors that you can use for free. Such as Notepad++, Atom, Bracket, and many more. But before choosing an HTML editor, make sure your computer's OS is compatible.

4. Opening a Web Browser
After creating an HTML document, you'll want to see the results, right? Therefore, make sure you already have a web browser. A web browser is an application for accessing and displaying web pages.

By a web browser, the computer language that you have created in the HTML editor will be translated into a view that humans can understand.

5. Creating the First Website Page
Now, you can create and view HTML syntax execution in your browser. Unfortunately, your HTML page is not yet publicly accessible. The reason, HTML files are still stored in your computer directory only.

6. Completing Website Pages
So that your basic HTML learning knowledge is getting to the top, try making additional components on web pages. Add complementary spices to make your website pages more delicious and informative.

You can insert images, tables, forms, or other complementary components. Guaranteed, the website pages that you present will be easier to understand, attract more fans, and bring benefits that you didn't expect.

7. Setting Website Page Templates with HTML
Even though you can create complete web pages, this journey of learning basic HTML is not over. Because, you also need to set the website page template so that the project looks cooler.

To set a website page template, you can create your own HTML theme or use a ready-made HTML template. Both of these methods will both beautify the layout of your website pages.

8. Modifying HTML Color Code
Knowing HTML color codes is important, especially when learning HTML for beginners. That way, you can modify the color of text, borders, and other media in HTML documents.

Finally, never get bored to learn, okay!
Here I just want to share, and channel my hobby, namely writing.

Thank you. 👨🏻‍💻

Learn HTML for Beginners !

Rodhi Faisal Mufid — Fri, 11 Nov 2022 18:20:12 +0000

Hi there 👋
My name is Mufid, today almost anyone can create and develop a website (web development) without understanding coding. In fact, it's also important to learn basic HTML in order to understand the foundations that make up a website.

That's why, you need to learn HTML. So, your abilities are not limited by the features and templates that are already available. So, you can create functionality that neighboring websites don't have. Interesting right?

What is HTML?
HTML (Hypertext Markup Language) is a combination of two terms: hypertext and markup language. What the hell is that?

Hypertext is a document containing links that allow users to link to other pages. While markup language is a computer language that consists of a set of codes to organize the structure and present information.

So, HTML is a markup language for creating website page structures.

Tools for Learning HTML

Text Editor for Writing Basic HTML
The place to write HTML language is in the text editor. There are many text editors that you can use to learn HTML. Starting as simple as Notepad++, to Visual Studio Code.
Web Browser to View HTML Results
A web browser is a software for viewing the results of your HTML learning. It's not complicated, you can use a browser that is already on your laptop or computer. For example, Google Chrome, and Firefox.

Oops, wait a moment, the material is not finished, wait for tomorrow
I will upload every 2 times a week, namely Saturday and Sunday.

Thank you

DEV Community: Rodhi Faisal Mufid

Steps to Learn HTML

Learn HTML for Beginners !