Scribd
Upload
360 views

By Apna College: - First HTML Script

The document provides an introduction to basic HTML codes and tags. It explains the structure of a basic HTML script with required tags in the head and body. It also describes common text formatting tags like headings, paragraphs, links and images. The document serves as a quick reference guide to essential HTML codes for beginners to learn webpage formatting.

Uploaded by

Zara
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
360 views

By Apna College: - First HTML Script

The document provides an introduction to basic HTML codes and tags. It explains the structure of a basic HTML script with required tags in the head and body. It also describes common text formatting tags like headings, paragraphs, links and images. The document serves as a quick reference guide to essential HTML codes for beginners to learn webpage formatting.

Uploaded by

Zara
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/ 8

HTML Codes

By Apna College

- First HTML Script

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Print Hello</title>
</head>
<body>
<h1>Hello World!</h1>
</body>
</html>

- Comments in HTML
<!-- This is a sample comment in HTML -->

- Heading Tags (H1 to H6)


<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 1</h6>

- Paragraph Tag
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. A in dolorum
incidunt recusandae eveniet, quia fuga odio itaque officia ex quos culpa
necessitatibus debitis ea deserunt sed dolores cupiditate. Saepe.</p>

- Anchor Tag
<a href="https://google.com">Go to Google</a>
- Image Tag
<img src="/image.jpeg" alt="relative url">
<img
src="data:image/jpeg;base64,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" alt="absolute url">

- Some Tags for Formatting


<b>BOLD</b>
<br>
<i>ITALIC</i>
<br>
<u>UNDERLINE</u>
<hr>
<br>
<big>BIG</big>
<br>
<small>SMALL</small>
<hr>
<br>

<pre>
This is
a
sample
HTML
file... read it carefully.
</pre>
- Div & Span Tags
<div id="parent">
<div id="child" class="children">

</div>
<span id="child2" class="children">

</span>
</div>

- Lists in HTML
<ul>
<li>Apple</li>
<ul>
<li>color : red</li>
<li>season : winters</li>
</ul>
<li>Mango</li>
<ul>
<li>color : yellow</li>
<li>season : summers</li>
</ul>
<li>Litchi</li>
</ul>

<ol>
<li>Apple</li>
<ol>
<li>color : red</li>
<li>season : winters</li>
</ol>
<li>Mango</li>
<ol>
<li>color : yellow</li>
<li>season : summers</li>
</ol>
<li>Litchi</li>
</ol>
- Tables in HTML
<table>
<thead>
<caption>
Student data
</caption>
<tr>
<th colspan="2">INFORMATION</th>
</tr>
</thead>
<tbody>
<tr>
<td>Shradha</td>
<td>1664</td>
</tr>

<tr>
<td>Aman</td>
<td>1680</td>
</tr>

<tr>
<td>Sudhir</td>
<td>1790</td>
</tr>
</tbody>
</table>

- Forms in HTML
<h4>Registration Form</h4>
<form action="/action.php">
<input type="text" placeholder="username" />
<br />
<br />
<input type="password" placeholder="password" />
<br /><br />
<h5>Select your class</h5>
<label for="101">
<input type="radio" value="class XI" name="class" id="101" />class XI
</label>
<br /><br />
<label for="102">
<input type="radio" value="class XII" name="class" id="102" />class XII
</label>

<br /><br />


<h5>Select Fav Subjects</h5>
<label for="math">
<input type="checkbox" value="math" name="subject" id="101" /> Math
</label>
<br /><br />
<label for="phy">
<input type="checkbox" value="phy" name="subject" id="102" /> Physics
</label>
<br /><br />
<label for="chem">
<input type="checkbox" value="chem" name="subject" id="103" /> Chemistry
</label>
<br /><br />
<label for="CS">
<input type="checkbox" value="CS" name="subject" id="104" /> Computer
Science
</label>
<br /><br />
Select your city
<select name="city">
<option value="Delhi">Delhi</option>
<option value="Banglore">Banglore</option>
<option value="Pune">Pune</option>
<option value="Mumbai">Mumbai</option>
</select>

<br /><br />


<textarea
name="feedback"
id="101"
placeholder="please give your valuable feedback here"
rows="5"
></textarea>
<br />
<input type="submit" value="submit" />
</form>
- iFrame in HTML
<iframe
width="560"
height="315"
src="https://www.youtube.com/embed/UmnCZ7-9yDY"
title="YouTube video player"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media;
gyroscope; picture-in-picture"
allowfullscreen
></iframe>
<br /><br />
<iframe
width="560"
height="315"
src="https://en.wikipedia.org/wiki/India"
></iframe>

- Video Tag in HTML


<video width="560" height="315" src="/myVideo.mov" controls autoplay>
my video
</video>

You might also like