Scribd
Upload
3 views2 pages

HTML Code Practice Summary

The document provides a summary of basic HTML coding practices, including the structure of an HTML page, usage of headings and paragraphs, creating links, embedding images, and designing forms. It also covers the use of divs and spans for styling content. Each section includes example code snippets for practical understanding.

Uploaded by

finisherpro13
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
3 views2 pages

HTML Code Practice Summary

The document provides a summary of basic HTML coding practices, including the structure of an HTML page, usage of headings and paragraphs, creating links, embedding images, and designing forms. It also covers the use of divs and spans for styling content. Each section includes example code snippets for practical understanding.

Uploaded by

finisherpro13
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

HTML Code Practice Summary

1. Basic HTML Structure

<!DOCTYPE html>
<html>
<head>
<title>My First HTML Page</title>
</head>
<body>
<h1>Hello World</h1>
<p>This is my first HTML page with my buddy ChatGPT.</p>
</body>
</html>

2. Headings and Paragraphs

<h1>Main Heading</h1>
<h2>Subheading</h2>
<h3>Smaller Heading</h3>
<p>This is a paragraph of text.</p>
<hr>
<p>Another paragraph after horizontal line.</p>

3. Links with target="_blank"

<a href="[Link] target="_blank">Go to Google</a><br>


<a href="[Link] target="_blank">Visit Facebook</a>

4. Images and Image as Link

<img src="[Link]" alt="My Image" width="250"><br><br>

<a href="[Link] target="_blank">


<img src="[Link]" alt="YouTube" width="300">
</a>

5. Forms (Basic)

<form>
<label>First Name:</label>
<input type="text" name="first_name" placeholder="Enter your first name"><br><br>
<label>Last Name:</label>
<input type="text" name="last_name" placeholder="Enter your last name"><br><br>

<label>Email:</label>
<input type="email" name="email" placeholder="Enter your email"><br><br>

<label>Password:</label>
<input type="password" name="password" placeholder="Enter password"><br><br>

<input type="submit" value="Sign Up">


</form>

6. Divs and Spans

<div style="background-color: lightblue; padding: 20px;">


<h1>This is a Div</h1>
<p>My buddy ChatGPT says divs are cool!</p>
</div>

<p>
I love <span style="color: green; font-weight: bold;">Biryani</span>
and I hate <span style="color: red;">Pizza</span>.
</p>

You might also like