Checkout HTML Interview Questions

Checkout Advanced HTML

hr tag creates a horizontal line

Bookmark

hgroup tag formed.

H1 is my first heading

h2 is less significant than h1

h3 is even more less significant than h1 and h2

h4 is even more less significant than others

h5 is even more less significant than others

h6 is even more less significant than others

in html h7 behaves like a paragraph.

hello, this is the first paragraph

link tag is typically used to link external resources like CSS files, icons, and fonts in HTML.

< link rel="stylesheet" href="style.css" type="text/css" media="screen">

< link rel="icon" href="favicon.ico" sizes="32x32" type="image/x-icon">

< link rel="preload" href="app.js" as="script">

Attribute	Description	Example
`rel`	Specifies the relationship between the current document and the linked resource	`<link rel="stylesheet">`
`href`	Specifies the URL of the linked resource	`<link href="style.css">`
`type`	Specifies the Multipurpose Internet Mail Extensions (MIME) type of the linked resource	`<link type="application/json">`
`media`	Specifies the media/device the linked resource is for	`<link media="screen">`
`as`	Used with `rel="preload"` to specify the type of content being preloaded	`<link rel="preload" as="script">`
`crossorigin`	Indicates how the resource should be fetched across domains	`<link crossorigin="anonymous">`
`sizes`	Defines the size of icons when `rel="icon"` is used	`<link rel="icon" sizes="32x32">`
`title`	Optional title of the resource, sometimes used for alternate stylesheets	`<link rel="alternate stylesheet" title="Dark Mode">`

legend tag inside the fieldset tag

This is a Form

Form Input Attributes(Read-only, Disabled, Size, Min, Max, multiple, placeholder)

anchor -- a tag

Open another HTML page inside this iframe

Attribute	Description	Example
`href`	Specifies the URL of the page the link goes to	`<a href="https://example.com">`
`target`	Specifies where to open the linked document	`<a target="_blank">`
`rel`	Specifies the relationship between the current and linked document (used with `target="_blank"` for security)	`<a rel="noopener noreferrer">`
`download`	Indicates that the link is for downloading a file instead of navigating	`<a href="file.pdf" download>`
`title`	Gives extra information shown as a tooltip when hovering	`<a title="Click to visit">`
`type`	Specifies the MIME type of the linked document (used when linking to files)	`<a href="file.pdf" type="application/pdf">`
`hreflang`	Specifies the language of the linked document	`<a href="fr-page.html" hreflang="fr">`

The target attribute is most commonly used in the (anchor) tag to define where to open the linked document.

Value	What It Does
`_blank`	Opens the link in a new tab or window
`_self`	Opens the link in the same tab (default behavior)
`_parent`	Opens in the parent frame (if using frames/iframes)
`_top`	Opens in the full body of the window, breaking out of all frames
`customName`	Opens in a named tab/window (reuses the same one if already open)

ordered list and unordered list

kurkure
mixture
lays

kurkure
mixture
lays

Bookmark

when you clicked the bookmark at top it directed you to this line.

image

lorem and br

Lorem ipsum dolor sit, amet elit.
after br tag
Saepe iure ipsa.

pre displays the content as it is placed.

        underrline 
        italic 
        Big tag
        emphasize 
        strong word 
        strike 
        bold word 
         Marked text 
        This is  Smaller text results.
        Inserted text
        Deleted text
        
        Hello cite tag friend
        
        cmd + c
        3.14 or PI
        Quoatation tag
        different font
        Select your Phone brand
        
        

        I am red, not blue.

Span tag and 18:00 time tag inside a list tag.
sup tag -- 9² = 81
sub tag -- O₂is sintific name of water.

fieldset and legend tag

legend tag for fieldset

Hello world again! This is a fieldset

figure and figcaption tag

Sunset over the mountains — This is a figcaption tag inside a figure tag. A stunning sunset over the Himalayan mountains.

abbreviation, abbr tag

WWW

bidirectional override, bdo tag

Hello World!

Emmet — the essential toolkit for web-developers

Emmet is a plugin/tool built into modern code editors (like VS Code, Sublime Text, etc.) that lets you write HTML and CSS super fast using abbreviations and then expand them into full code by pressing Tab.

A snippet is a small piece of reusable code. It's usually a few lines long. You insert it quickly to avoid typing the same thing over and over.

Boilerplate is a standard starting template for a specific type of project or file. It includes all the necessary basic structure. You don't have to start from scratch every time.

Emmet acts like a super-speed shortcut tool. It helps you quickly write:

Snippets (small code pieces)
Boilerplate (full HTML or CSS structure)

All by typing short abbreviations and hitting Tab.

To see more Emmet rules go to Emmet.io

inline and block

this is an inline element this is an inline element converted into a block element

this is a block element

this is a block element converted into an inline element

links

this link will take you to google.com

this link will take you to mail

this like will take you to call log

Navigations

TABLES

Table 1

color	size	shape
red	42	oval
blue	40	round
good

Table 2

student id	student name	gender	age
od	souvik	male	24
pn	parminder	male	23
jk	rima	female
up	soumya	female
Ram	1000

Table 3

column 1	column 2	column 3
row 1 cell 1	row 1 cell 2	row 1 cell 3
row 1 cell 1	row 2 cell 2	row 2 cell 3
row 3 cell 1

Table 4

no.	full name	position	salary	type
1	bill gates	microsoft	1000k	company founder
2	mark zukerberg	facebook	2320k
3	elon musk	space x	3460k
4	larry page	google	4440k
total expenses:			11220k

Table 5

country	state	city	street	male	female	other
1	kerala	cochin	new street	500	600	6
		cochin	new street	500	600	6
		trivendram	new street	500	600	6
		trivendram	new street	500	600	6
	maharastra	mumbai	new street	500	600	6
		mumbai	new street	500	600	6
		surat	new street	500	600	6
		surat	new street	500	600	6
2	alaska	AKA central	new street	500	600	6
2	alaska	AKA central	new street	500	600	6

Table 6

Day	Seminar
	Schedule		Topic
	Begin	End	Topic
Monday	8	5	xml
Monday	8	5	dtd
Tuesday	8	11	x path
	11	2	x path
	2	5	xsl
Wednesday	8	12	xslx

HTML Form

Form 1

Form 2

Html form 2 choose date:
choose your Main Dish:
choose your Side Dish:

I am also a button

I am just an image

Form 3

Html form 3 text field
Name

submit button
Button:

radio button
Female:
Male:
Others:

checkbox
English: Hindi:

file button:
Uplode file

image button:

password button:
enter your password:

Date button:
Date of birth:

Form 4

Event Registration

Form 5

Job Application

Html form 5 Name:

Email:

Phone:

Resume:

Experience(years):

Skills: Html
Css
Java script

Highest Education:

Availability: Full-time
Part-time

Additional Comments:

Form 6

Complex Form

Html Form 6

Personal Information

Name:

Email:

Phone:

Date of Birth

Gender:
Male
Female

country:

Address Information Address Street

City

State

Zip Code

Other Information Comments

I agree to the terms of service

Form 7

Simple Form

Media

Video without controls attribute

Video with controls attribute

Video with muted attribute

this is an iframe tag with src attribute

These are other html files.

1st one

2nd one

3rd one

4th one

hgroup tag formed.

H1 is my first heading

h2 is less significant than h1

h3 is even more less significant than h1 and h2

h4 is even more less significant than others

h5 is even more less significant than others

h6 is even more less significant than others

INPUT -- type of input tag inside a form inside a table

Form Input Attributes(Read-only, Disabled, Size, Min, Max, multiple, placeholder)

anchor -- a tag

ordered list and unordered list

Bookmark

when you clicked the bookmark at top it directed you to this line.

image

lorem and br

pre displays the content as it is placed.

fieldset and legend tag

figure and figcaption tag

abbreviation, abbr tag

bidirectional override, bdo tag

Emmet — the essential toolkit for web-developers

inline and block

links

Navigations

TABLES

Table 1

Table 2

Table 3

Table 4

Table 5

Table 6

HTML Form

Form 1

Form 2

Form 3

Form 4

Event Registration

Form 5

Job Application

Form 6

Complex Form

Form 7

Simple Form

Media

These are other html files.