Scribd
Upload
4 views3 pages

HTML

The document provides an introduction to HTML, explaining its role as the foundation of web development and detailing its structure through examples. It covers HTML elements, forms, lists, tables, and multimedia integration, highlighting key tags and their functions. The content serves as a basic guide for understanding and using HTML in web page creation.

Uploaded by

saqibkhan242004
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
4 views3 pages

HTML

The document provides an introduction to HTML, explaining its role as the foundation of web development and detailing its structure through examples. It covers HTML elements, forms, lists, tables, and multimedia integration, highlighting key tags and their functions. The content serves as a basic guide for understanding and using HTML in web page creation.

Uploaded by

saqibkhan242004
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 3

Website : www.rollaacademy.in Mobile App: https://play.google.com/store/apps/details?id=co.ted.

citgn

Introduction to HTML:

HTML, or Hypertext Markup Language, is the backbone of web development. It provides the
structure for web pages. Each HTML file consists of elements enclosed in tags. Tags are keywords
surrounded by angle brackets. Let's start with a simple example:

<!DOCTYPE html>

<html>

<head>

<title>My First HTML Page</title>

</head>

<body>

<h1>Hello, World!</h1>

<p>This is a simple HTML page.</p>

</body>

</html>

Here, <!DOCTYPE html> declares the document type, <html> is the root element, <head> contains
meta-information, and <body> contains the visible content. The heading <h1> and paragraph <p> are
basic HTML elements.

HTML Elements and Tags:

HTML elements are building blocks of a webpage. Each element has a start tag, content, and an end
tag. Some elements, like line breaks (<br>), don't have an end tag. Tags can also have attributes.
Consider the following examples:
<p>This is a <strong>bold</strong> text.</p>

<a href="https://www.example.com">Visit our website</a>

In the first example, the <strong> tag makes text bold. The second example creates a hyperlink using
the <a> (anchor) tag.

HTML Forms:

Forms facilitate user input. Essential form elements include input fields, buttons, and dropdowns.
Here's a simple form:

<form action="/submit_form" method="post">

<label for="username">Username:</label>

<input type="text" id="username" name="username">

<input type="submit" value="Submit">

</form>

This form sends data to "/submit form" when submitted. It has a text input field and a submit button.

HTML Lists and Tables:

HTML allows organizing content with lists and tables. Lists can be ordered (<ol>) or unordered (<ul>),
and tables consist of rows (<tr>) and cells (<td>). Examples:

<ul>

<li>Item 1</li>

<li>Item 2</li>

<li>Item 3</li>

</ul>

<table>

<tr>

<th>Header 1</th>
<th>Header 2</th>

</tr>

<tr>

<td>Data 1</td>

<td>Data 2</td>

</tr>

</table>

HTML Multimedia:

HTML supports multimedia elements like images and videos:

<img src="image.jpg" alt="Description of the image">

<video width="320" height="240" controls>

<source src="movie.mp4" type="video/mp4">

Your browser does not support the video tag.

</video>

These tags provide a seamless way to incorporate multimedia into your web content.

You might also like

pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy