Learn coding with amol

 Hello my name is amol or vineet and i help you to learn complete coding like :-html,css,js,python,c,c++,c#.

Lets start:-

Part 1 - HTML



what is html:- it is a markup language used to make websites the full form of html is hypertext mark-up language.

Complete HTML Guide

Complete HTML Guide

<!DOCTYPE>

Definition: Declares the HTML version (HTML5):

<!DOCTYPE html>

<html>

Definition: Root element of HTML document.

<html lang="en">

  ...

</html>

<head> & Meta Tags

Definition: Contains page info, links, metadata.

<head>

  <meta charset="UTF-8">

  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <title>My Webpage</title>

</head>

<title>

Definition: Sets title in browser tab.

<title>My Page Title</title>

<body>

Definition: Contains visible page content.

<body>

  <h1>Welcome!</h1>

</body>

Headings: <h1> to <h6>

Definition: Section titles, where <h1> is largest.

<h1>Heading 1</h1>

<h2>Heading 2</h2>

<h3>Heading 3</h3>

<h4>Heading 4</h4>

<h5>Heading 5</h5>

<h6>Heading 6</h6>

<p>

Definition: Creates a paragraph block.

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

Text Formatting

Tags: <b>, <strong>, <i>, <em>, <u>, <mark>, <small>

<b>Bold</b>

<strong>Important</strong>

<i>Italic</i>

<em>Emphasized</em>

<u>Underlined</u>

<mark>Highlighted</mark>

<small>Small text</small>

<a> (Links)

Definition: Creates hyperlinks.

<img>

Definition: Displays images.

<img src="photo.jpg" alt="Photo" width="300">

Lists: <ul> & <ol>

Definition: Unordered & Ordered lists.

<ul>

  <li>Item 1</li>

  <li>Item 2</li>

</ul>

<ol>

  <li>First</li>

  <li>Second</li>

</ol>

<table>

Definition: Displays data in tabular form.

<table border="1">

  <tr>

    <th>Name</th>

    <th>Age</th>

  </tr>

  <tr>

    <td>John</td>

    <td>30</td>

  </tr>

</table>

<form>

Definition: Collects user input.

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

  <label for="name">Name:</label>

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

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

</form>

Multimedia: <audio> & <video>

Definition: Plays media files.

<audio controls>

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

</audio>

<video controls width="320">

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

</video>

Semantic Elements

Examples: <header>, <nav>, <main>, <article>, <section>, <aside>, <footer>

<header>Site Header</header>

<nav>Navigation Menu</nav>

<main>Main Content</main>

<article>Article Content</article>

<section>A Section</section>

<aside>Sidebar</aside>

<footer>Site Footer</footer>

Layout & Divs

Definition: Containers for styling or layout.

<div class="container">

  <p>Content inside a div.</p>

</div>

Comments

Definition: Notes not shown on page.

<!-- This is a comment -->

HTML Entities

Definition: Display reserved characters.

&lt; → <

&gt; → >

&amp; → &

&copy; → ©
Report a Bug

🐞 Report a Bug

OR

Comments

Post a Comment

Popular posts from this blog

Learn coding with amol

Image
 Hello my name is amol sharma or vineet and this is my seventh part of learn coding with amol and in this part we are learning C#. Let's Start  PART-7 C# 💻 Complete C# Guide This guide covers all basics of the C# programming language with examples. 1. Hello World The structure of a simple C# program. using System; class Program { static void Main() { Console.WriteLine("Hello, World!"); } } 2. Variables and Data Types Variables store data. C# is strongly typed. int age = 13; double pi = 3.14; char grade = 'A'; string name = "Amol"; 3. Input and Output Use Console.ReadLine() to get user input. Console.Write("Enter your name: "); string name = Console.ReadLine(); Console.WriteLine("Hello, " + name); 4. if / else Conditional execution in C#. int x = 10...
Read more

Learn coding with amol

Image
 Hello my name is amol sharma or vineet and this is my sixth part of learn coding with amol and in this part we are learning C++. Let's Start  Part-6 C++ 💻 Complete C++ Guide This guide includes all important C++ topics with examples and explanations. 1. Hello World Basic C++ program structure. #include <iostream> using namespace std; int main() { cout << "Hello, World!"; return 0; } 2. Variables and Data Types Declare and use variables with types. int age = 13; float pi = 3.14; char grade = 'A'; string name = "Amol"; 3. Input and Output Using cin and cout for user interaction. int num; cout << "Enter number: "; cin >> num; cout << "You entered: " << num; 4. if / else Conditions Control flow using conditionals. int x ...
Read more