Skip to main content

HTML Introduction | HTML Elements and Attributes - Nesting and Document Structure - Common HTML Tags

Image
By

Introduction to HTML

HTML, or HyperText Markup Language, is the standard language used to create and design websites and webpages. It provides the basic structure for web content and defines elements such as headings, paragraphs, links, images, tables, and more. HTML is the backbone of most web content, allowing web browsers to interpret and display information on the internet.

Here are some fundamental concepts to understand about HTML:

1. HTML Elements: HTML documents consist of elements represented by tags. Tags are enclosed in angle brackets (< >) and come in pairs: opening tags and closing tags. The content goes between these tags. For example, a paragraph is defined by the `<p>` tag: `<p>This is a paragraph.</p>`.

2. Attributes: HTML elements can have attributes, which provide additional information about an element. Attributes are always included in the opening tag and are written as name/value pairs like `attribute="value"`. For example, the `<img>` tag can have an `src` attribute to specify the image file: `<img src="example.jpg" alt="Example Image">`.

3. Nesting: HTML elements can be nested inside other elements. Proper nesting is essential for creating a well-structured document. For instance, you can have a heading inside a `<div>` element: `<div><h1>Heading Inside a Division</h1></div>`.

4. Document Structure: An HTML document typically includes the following structure:
   ```html
   <!DOCTYPE html>
   <html>
   <head>
       <title>Page Title</title>
   </head>
   <body>
       <h1>This is a Heading</h1>
       <p>This is a paragraph.</p>
   </body>
   </html>
   ```
   - `<!DOCTYPE html>`: Defines the document type and version.
   - `<html>`: The root element of the HTML document.
   - `<head>`: Contains meta-information about the HTML document, such as the title displayed on the browser tab.
   - `<body>`: Contains the content of the HTML document, such as headings, paragraphs, images, etc.

5. Common HTML Tags:
   - `<h1>`, `<h2>`, `<h3>`, ... `<h6>`: Headings of different levels.
   - `<p>`: Paragraph.
   - `<a href="URL">Link Text</a>`: Hyperlink.
   - `<img src="URL" alt="Description">`: Image.
   - `<ul>`: Unordered list.
   - `<ol>`: Ordered list.
   - `<li>`: List item.
   - `<table>`, `<tr>`, `<th>`, `<td>`: Table and its elements.
   - `<div>`: Division or a section in the document.
   - `<span>`: Inline container for a section of text.

HTML is easy to learn and forms the foundation for web development. It is often used in conjunction with CSS (Cascading Style Sheets) for styling and JavaScript for interactivity, collectively forming the backbone of modern web development.
Labels:

Comments

Post a Comment

Popular posts from this blog

Biography of Manohar Joshi

By
Biography of Manohar Joshi: Manohar Gajanan Joshi is an Indian politician who has played a significant role in Maharashtra state politics. Born on December 2, 1937, in a middle-class family in a village called Ganeshpeth in Ratnagiri district, Maharashtra, Joshi's journey into politics was marked by his association with the Shiv Sena, a right-wing regional political party in India. Joshi's political career began in the late 1960s when he joined the Shiv Sena, which was then led by its founder, Bal Thackeray. He quickly rose through the ranks of the party due to his organizational skills, dedication, and ideological alignment with the party's principles, which advocated for the interests of the Marathi-speaking population of Maharashtra. In 1972, Manohar Joshi won his first election to the Brihanmumbai Municipal Corporation (BMC), marking the beginning of his electoral career. He served as a corporator in the BMC and later became the Mayor of Mumbai in 1976. Joshi's tenu...
Post a Comment
Read more

Professor Cheiro Prophecies about India | 5 predictions Professor Kiro - Kiro made these amazing predictions for India

By
Professor Cheiro Prophecies:  Here is Kiro made these amazing predictions for India: Professor Kiro was born in November 1866 in England. At the age of 17, Kiro came to Mumbai and met astrologer Vednarayan Joshi. With his advice, he will reach the Himalayas, Kashmir, Ladakh and Varanasi. From here, he studied astrology extensively. Kiro made many predictions in his life, which we are giving you here. Cheiro, whose real name was William John Warner, was a prominent Irish astrologer and palmist who gained fame in the late 19th and early 20th centuries. He was known for his accurate predictions and was consulted by various prominent figures of his time, including Mark Twain, Oscar Wilde, and Thomas Edison. Cheiro also made some predictions related to India. Parada Kahanee One of his notable predictions about India was made in his book "Cheiro's World Predictions," published in 1926. In this book, he wrote about the possibility of India gaining independence from British...
Post a Comment
Read more

Biography of Abbie Hoffman | Early Life and Political Activism - Later Years and Personal Life - Legacy of Abbie Hoffman

By
Biography of Abbie Hoffman: Abbie Hoffman (November 30, 1936 – April 12, 1989) was an American political and social activist known for his involvement in the counterculture and anti-war movements of the 1960s and 1970s. He was a key figure in the Youth International Party (Yippies) and was known for his theatrical and often humorous protests.  Here is a brief biography of Abbie Hoffman: Early Life of Abbie Hoffman: 1. Birth: Abbie Hoffman was born on November 30, 1936, in Worcester, Massachusetts, USA. 2. Education: He attended Brandeis University, where he earned a degree in psychology in 1959. Parada Kahanee Political Activism: 1. Civil Rights Movement: Hoffman began his activism by participating in the civil rights movement during the early 1960s. 2. Youth International Party (Yippies): In 1967, Hoffman, along with Jerry Rubin and others, co-founded the Yippies, a countercultural and anti-authoritarian political party known for its unconventional and theatrical protes...
Post a Comment
Read more