📖 Full detailed notes here: Open in Notion
HTML (HyperText Markup Language) is the standard markup language used to create and structure content on web pages. It provides the basic building blocks for websites, defining elements like headings, paragraphs, links, and images.
The world's first website was published by Tim Berners-Lee in 1991 at CERN. It provided information about the World Wide Web project and how to use browsers. The URL was http://info.cern.ch.
Hyperlinks are clickable elements that connect web pages to other resources. They are the fundamental concept behind the "web" in World Wide Web, allowing users to navigate between pages and resources through references called URLs.
A markup language uses tags to annotate text and define its structure and presentation. Unlike programming languages, markup languages don't contain logic but rather describe how content should be organized and displayed.
Code editors like VS Code, Sublime Text, or Atom provide specialized environments for writing code. They offer features like syntax highlighting, auto-completion, and built-in terminals to streamline web development.
HTML tags are the basic building blocks of web pages, enclosed in angle brackets (<>). They usually come in pairs with opening and closing tags, though some are self-closing. Tags define elements and their purpose.
The <p> tag defines a paragraph of text. Browsers automatically add margin space before and after paragraph elements. Paragraphs are block-level elements that typically contain text content.
An HTML element consists of an opening tag, content, and a closing tag. Some elements are self-closing. Elements define the structure and semantics of content on a web page.
The <hr> tag creates a thematic break or horizontal line between content sections. It is a self-closing tag that visually separates different parts of a webpage.
The <br> tag inserts a single line break within text. It is useful when needing to force a new line without starting a new paragraph, such as in addresses or poetry.
HTML supports ordered lists (<ol>) with numbered items and unordered lists (<ul>) with bullet points. List items are defined with <li> tags nested inside the list container.
Hyperlinks are created with the <a> (anchor) tag using the href attribute to specify the destination URL. Links can point to other pages, specific sections within a page, or different types of resources.
HTML comments are written between <!-- and --> and are not displayed in the browser. They help developers leave notes, temporarily disable code, or document sections of HTML.
The anchor tag (<a>) creates hyperlinks to other web pages, files, locations within the same page, or any other URL. It can also be used to create email links or trigger JavaScript functions.
Attributes provide additional information about HTML elements. They are specified in the opening tag and usually come in name/value pairs like name="value". Common attributes include id, class, src, href, and alt.
The <img> tag embeds images into web pages. It requires a src attribute to specify the image source and an alt attribute to provide alternative text for accessibility and SEO purposes.
💻 Sample Code and Practice Questions: View on GitHub
💻 Blog Article: View on GitHub