HTML
What is HTML?
HTML stands for Hyper Text Markup Language
HTML is the standard markup language for creating Web pages
HTML describes the structure of a Web page
Syntax:
<!DOCTYPE html>
Declares the document type, Tells the browser: “This is an HTML5 document”.
<html lang=”en”>
The root element of the HTML page, All content goes inside this tag.
<head>
Container for metadata (data about the page.
</head>
Ends the head section.
<body>
Main content of the webpage.
</body>
Ends the visible page content.
</html>
Closes the entire HTML document.
Heading Tags:
<h1></h1> to <h6></h6>
Paragraph Tag:
<p> </p>
Lorem+number --Auto Paragaph--
Anchor Tag:
<a href = “Link”> Title of Link </a>
Target=” _blank” --Open on New blank—
The href Attribute
The <a> tag defines a hyperlink. The href attribute specifies the URL of the page the link goes to:
Example
<a href="[Link] W3Schools</a>
Video Tag:
<video =“sourse file of Video” > </video>
Your can also put image into video tag
Controls --show the controls of video tag—
Muted, loop
Image Tag:
<img src=”source file” alt = “picture title”>
Order and Inorder List:
<ol> <li> <li> </ol>
<ul> <li> </li> </ul>
Table:
<table>
<thead>
<tr> <th></th> </tr>
</thead>
<tbody>
<tr> <td></td> </tr>
</tbody>
</table>
Tags:
<strong><strong> <b></b> --bold the text—
<em></em> <i></i> --Italic Text—
<sub></sub> --Log—
<sup></sup> --Power—
Form and input Tags:
<fieldset> <legend></legend> </fieldset>
<select> <option></option> </select>
(Required)
Placeholder=””
<form action=” ”>
<input type= ”text” name=”” id=””>
<input type= ”button” value””>
<input type= ”checkbox” name = “” id=””>
<input type= ”color” name=”” id=””>
<input type= ”date” name=”” id=””>
<input type= ”datetime” name=”” id=”” >
<input type= ”email” name=”” id=””>
<input type= ”file” name=”” id=””>
<input type= ”image” src=”” id=””>
<input type= ”month” name=”” id=””>
<input type= ”number” name=”” id=””>
<input type= ”password” name=”” id=””>
<input type= ”radio ” name=”” id=””>
<input type= ”reset” value=””>
<input type= “search” name=”” id=””>
<input type= ”submit” name=”” id=””>
<input type= ”time” name=”” id=””>
<input type= ”week” name=”” id=””>
<textarea name=”textarea” Id=”” cols=”” rows=””>
<output> text </output>
</form>
Class (.) --Multiple Use in Single Name--
Id (#) --Can use only One Name—
<div></div> --Division Tag
<span></span> --Span Tag
Semantic Tags:
<articles>
<aside>
<details>
<summary></summary>
</details>
<figure>
< footer>
<nav>
<header>
<marks>
EXTRA:
<br> --Line Break--
<hr> --Horizontal Rule--
<pre> </pre> --your space will show here--