Introduction to HTML
Start Your Journey Now!🔥
✅Getting Started with HTML
- Introduction to HTML- Elements insight
- Creating a Page
- Breakdown of Page
- Remarks
✅Doctypes
- Introduction to Doctypes- Adding the Doctype
- HTML 5 Doctype
- Remarks
✅Headings
- Introduction to Headings- Using Headings
- Correct Structure Matters
- Remarks
✅Lists
- Introduction to Lists- Ordered Lists
- Unordered Lists
- Nested Lists
- Remarks
Introduction
HTML (Hypertext Markup Language) uses a markup system composed of elements which represent specific content. Markup means that with HTML you declare what is presented to a viewer, not how it is presented. Visual representations are defined by Cascading Style Sheets (CSS) and realized by browsers. Still existing elements that allow for such, like e.g. font, "are entirely obsolete, and must not be used by authors".
HTML is sometimes called a programming language but it has no logic, so is a markup language. HTML tags provide semantic meaning and machine-readability to the content in the page.
An element usually consists of an opening tag (<element_name>), a closing tag (</element_name>), which contain the element's name surrounded by angle brackets, and the content in between: <element_name>...content...</element_name>
There are some HTML elements that don't have a closing tag or any contents. These are called void elements. Void elements include <img>, <meta>, <link> and <input>.
Element names can be thought of as descriptive keywords for the content they contain, such as video, audio, table, footer.
A HTML page may consist of potentially hundreds of elements which are then read by a web browser, interpreted and rendered into human readable or audible content on the screen.
For this document it is important to note the difference between elements and tags:
Elements: video, audio, table, footer
Tags: <video>, <audio>, <table>, <footer>, </html>, </body>
📄️ Elements Insight
Let's break down a tag...
📄️ Creating a Page
The following HTML example creates a simple "Hello World" web page.
📄️ breakdown of Page
These are the tags used in the example:
📄️ Remarks
HTML (Hypertext Markup Language) is an XML-compliant system of annotating documents with 'tags'. It is used specifically to create content for web pages and web applications, which can then be shared over a network.