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. 👨🏻💻
Top comments (0)