Scribd
Upload
2 views5 pages

HTML Tags and Examples Guide

The document provides a comprehensive overview of various HTML tags, including their structure and usage examples. It covers essential elements such as <html>, <head>, <body>, <header>, <footer>, and multimedia tags like <canvas> and <svg>. Additionally, it includes examples of form elements, lists, tables, and text formatting tags.

Uploaded by

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

HTML Tags and Examples Guide

The document provides a comprehensive overview of various HTML tags, including their structure and usage examples. It covers essential elements such as <html>, <head>, <body>, <header>, <footer>, and multimedia tags like <canvas> and <svg>. Additionally, it includes examples of form elements, lists, tables, and text formatting tags.

Uploaded by

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

HTML Tags with Examples (Including SVG & Canvas)

<html>
<html>
...
</html>

<head>
<head>
<title>My Page</title>
</head>

<title>
<title>Welcome</title>

<meta>
<meta charset="UTF-8">

<link>
<link rel="stylesheet" href="[Link]">

<style>
<style>
body {background-color: lightblue;}
</style>

<script>
<script>
alert('Hello!');
</script>

<body>
<body>
<p>Hello, world!</p>
</body>

<header>
<header>
<h1>Site Title</h1>
</header>
<nav>
<nav>
<a href='#'>Home</a>
</nav>

<main>
<main>
<p>Main content here</p>
</main>

<section>
<section>
<h2>Section Title</h2>
</section>

<article>
<article>
<p>Article content</p>
</article>

<aside>
<aside>
<p>Sidebar content</p>
</aside>

<footer>
<footer>
<p>Footer info</p>
</footer>

<h1>
<h1>Main Heading</h1>

<p>
<p>This is a paragraph.</p>

<a>
<a href="[Link] Example</a>

<img>
<img src="[Link]" alt="My Image">
<ul>
<ul>
<li>Item 1</li>
</ul>

<ol>
<ol>
<li>First</li>
</ol>

<li>
<li>List Item</li>

<table>
<table>
<tr><td>Data</td></tr>
</table>

<tr>
<tr>
<td>Row Data</td>
</tr>

<td>
<td>Cell</td>

<th>
<th>Heading</th>

<form>
<form action="/submit">
<input type="text">
</form>

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

<button>
<button>Click Me</button>

<label>
<label for="name">Name:</label>
<textarea>
<textarea>Enter text...</textarea>

<select>
<select>
<option>One</option>
</select>

<option>
<option>Choice</option>

<div>
<div>Division</div>

<span>
<span>Inline text</span>

<canvas>
<canvas id="myCanvas" width="200" height="100"></canvas>
<script>
var c = [Link]("myCanvas");
var ctx = [Link]("2d");
[Link] = "#FF0000";
[Link](20, 20, 150, 50);
</script>

<svg>
<svg width="100" height="100">
<circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yellow" />
</svg>

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

<audio>
<audio controls>
<source src="sound.mp3" type="audio/mpeg">
</audio>

<iframe>
<iframe src="[Link] width="300" height="200"></iframe>
<br>
Line 1<br>Line 2

<hr>
<hr>

<strong>
<strong>Bold text</strong>

<em>
<em>Italic text</em>

<code>
<code>print('Hello')</code>

You might also like