HTML Practice

Paragraph & hr tag

Lorem ipsum dolor sit, amet consectetur adipisicing elit. Ad qui quasi magnam tenetur aliquam ut iure sunt tempore porro quod odit consectetur praesentium, iusto dolor facilis impedit tempora reprehenderit, saepe, aperiam nostrum cumque earum. Itaque repudiandae fugit, eum earum aspernatur vero incidunt quisquam nostrum aliquid.


Lorem ipsum dolor sit amet consectetur adipisicing elit. Ullam eum, magni ipsa facilis eligendi corrupti, labore eius nulla accusantium ipsum asperiores quisquam aliquam laborum itaque quaerat mollitia reprehenderit qui modi nesciunt nam sequi corporis quo deserunt aperiam? Omnis non obcaecati numquam quibusdam reprehenderit eaque id?

Anchor Tags with Images & Ordered Lists

  1. YT Logo
  2. Google Logo
  3. GPT Logo
  4. GPT Logo

Pre Tags

                1st Line of pre tag (as it is)



                Last line of pre tag
            

Inline & Block Elements using div and span tags

This is span tag which is an inline element more inline
This is a div tag which is a block element
more block element

Unordered & Def. List

My Favourite Languages

  • Python
  • HTML
  • CSS
  • Javascript

Status of Learning above Langauges:

Python
First Language I learned - Intermediate
HTML
Basic - Currently Learning
CSS
Currently Learning
Javascript
Currently Learning

Tables

Family Data
Name Age Education Level Father's Name
Ayesha 18 A level Tariq Qadir
Talha 16 AS level
Taha 14 O level
Umme Habiba 7 Grade 1

Forms

Registration Fornm

Video and Audio Tags

Videos

  1. Video 1 Title

  2. Video 2 Title

Audios

  1. Audio No.1

  2. Audio No.2

  3. Audio No.3

  4. Audio No.4

  5. Audio No.5

  6. Audio No.6

SVG Tags

Circle :

Iframe Tags

Code with Harry Tutorial of HTML :

Code Tags

Python Code to add two numbers and print

                
                    num1=int(input("Enter First Number:"))
                    num2=int(input("Enter Second Number:"))
                    sum=num1+num2
                    print('Sum of both numbers is',sum)
                
            

Semantic Tags & Entities

Semantic Tags:

These tags do not design the page but arrange them in a way that makes sense to the browser and search engine etc.

These tags are :
1. <header>
2. <nav>
3. <aside>
4. <main>
5. <article>
6. <p>
7. <figure>
8. <section>
9. <footer>

Canvas tag

Quotations Tags

You can talk with someone for years, everyday, and still, it won't mean as much as what you can have when you sit in front of someone, not saying a word, yet you feel that person with your heart, you feel like you have known the person for forever.... connections are made with the heart, not the tongue.(This is blockquote)
It always seems impossible until it’s done.(this is q)