Ravi Kumar Profile picture
Mar 1 β€’ 8 tweets β€’ 3 min read
Html tags you should definitely know.

πŸ§΅πŸ‘‡
1⃣ Abbr tag

this tag is used to define abbreviation or an acronym.
2⃣ Sup & Sub tag

The <sub> tag defines subscript text. Subscript text appears half a character below the normal line.

The <sup> tag defines superscript text. Superscript text appears half a character be above the normal line.
3⃣ INS AND DEL

The <ins> tag defines a text that has been inserted into a document. Browsers will usually underline inserted text.

The <del> tag defines the text that has been deleted from a document. Browsers will usually strike a line through the deleted text.
4⃣ details and summary tag

summary tag is used to define the heading for the details element.

The <details> tag specifies additional details that the user can open and close on demand.
5⃣ Optgroup

used to group related options in a dropdown list.
other rarely used Html tags worth knowing
a. Progress.
b. Dialogue.
c. Datalist.
d. Address.
e. Template.
f. Aside.
Thanks for reading the thread.

If you find it useful. Give the first one a retweet and if you have any feedback, let me know in the comment.

πŸ”—

β€’ β€’ β€’

Missing some Tweet in this thread? You can try to force a refresh
γ€€

Keep Current with Ravi Kumar

Ravi Kumar Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

More from @ravikmmr

Feb 27
Advance CSS Sizing Units for Responsive web page.

πŸ§΅πŸ‘‡
1⃣ Absolute vs Relative Sizing.

There are two types of sizing units in CSS.

Absolute units like px, pt, cm and in stay the same size regardless of the parent element of windows size.

Relative units like%, em, rem, vh, vw, scale up or down, depending on the size of the screen.
2⃣ When to use what?

Use Relative Units when responsiveness is not a factor.

Use Relative units when scaling or responsiveness is important.
Read 10 tweets
Feb 10
Best Responsive Web Design Practices to follow.

πŸ§΅πŸ‘‡
1⃣ Set The Viewport.

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

πŸ‘‡ Image
2⃣ Use the media queries.

This CSS property has a feature to enable your webpage content to adapt to different screen sizes. ImageImage
Read 9 tweets
Feb 6
Improve your CSS with these Free Resources.

πŸ§΅πŸ‘‡
1⃣ CSS Tricks

πŸ”—
css-tricks.com
2⃣ CSS Author.

πŸ”—
cssauthor.com
Read 14 tweets
Feb 5
Top 10 CSS Generators Tool.

Time-saving shortcuts to improve your workflow.

πŸ§΅πŸ‘‡
1⃣ Neumorphism

πŸ”—
neumorphism.io/#e0e0e0
2⃣ Blobmaker

πŸ”—
blobmaker.app
Read 12 tweets
Feb 4
Projects to brush up on your Html skills.

πŸ§΅πŸ‘‡
1⃣ HTML personal website

create your portfolio website and use as many tags as possible for your portfolio like <table> tag , <img> tag,<hr> tag etc.

Snapshot of ProjectπŸ‘‡
2⃣ Documentation page

create your own documentation page for your notes and report with your own functionality and practice all links, heading, and paragraph tags.

Snapshot of ProjectπŸ‘‡
Read 8 tweets
Feb 3
BAD CSS Practice to avoid.

πŸ§΅πŸ‘‡
1⃣ Not using shorthand properties

πŸ‘‡
2⃣ Use PX when it's not needed

πŸ‘‡
Read 8 tweets

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Don't want to be a Premium member but still want to support us?

Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal

Or Donate anonymously using crypto!

Ethereum

0xfe58350B80634f60Fa6Dc149a72b4DFbc17D341E copy

Bitcoin

3ATGMxNzCUFzxpMCHL5sWSt4DVtS8UqXpi copy

Thank you for your support!

Follow Us on Twitter!

:(