Ritik Profile picture
Jun 3 9 tweets 3 min read
🚀Become a Web Developer From Scratch:
Here's the answer to all your Questions:🧵 👇

Welcome to the 8-9th day of our series:
"Start your journey as a Front-End Web Developer"

Let's Start today's #100DaysOfCode
{8-9/100}
Let's start,
✔️ We've already covered the usual tags, now some tags which are used to give a realistic effect,
yes, we are talking about Audio and Video
<audio></audio>
<video></video>⬇️
✔️Audio Tag
Represented as: <Audio></Audio>

This tag is used to provide audio to the web page or to a certain element, and as we know audio file have many extensions but the HTML5 supports only files with the following extensions:
1. mp3
2. wav
3. ogg
Basic code for Audio:
✔️ There are some attributes that we can provide to the audio tags, such as:
1. Controls
2. Autoplay
3. Loop
4. Muted
5. Preload
1. Controls: It provides Control Elements to audio such as: Play/Pause, Volume, Seek.
2. Autoplay: It starts playing the audio when you loads the page.
3. Loop: Auto-Replay the audio until you pause it.
4. Muted: On Loading The volume'll be muted.
5. Preload: un-shown Audio file
✔️ Video tag provides us a Video On the Web Page, And as the audio file it also supports certain extensions such as:
1. MP4
2. WebM
2. OGG.
Basic Code of Video Tag:
As the Audio, Video have also many attributes that you can apply such as:
1. Controls
2. Height & Width
3. Loop
4. Autoplay
5. Muted
6. Poster

Their Functions work the same as Audio Except here we have Height & Width in addition which provide the ratio to Video.
Basic Code:
I think that's enough to take in for the day.
Hope that you people are learning well, If you have any suggestions or feedback, Provide them in Comment Section.

Be Ready for the next thread as it'll have many Projects!!🚀
Thanks for Going through my Series Thread, it's super supportive of you ❤️
Follow: ( @ritikrajptt ) for more content like this.
- If you like the thread Give a like and retweet to this one👇

• • •

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

Keep Current with Ritik

Ritik 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 @ritikrajptt

Jun 4
🚀 10 Best Projects To Do with Basic HTML & CSS🤯

Do check it Out:🧵👇 Image
1. Portfolio Website
key features:
👀Make your professional skills known

🏃 List your Skills and Achievements

📝Give The Projects importance as it gives your CV value.

🔗 codepen.io/emzarts/pen/OX…
2. Survey Page
Key features:
📝 Used to get Feedback

🤝 User Input and their Their Data

🔗 codepen.io/bmutebi/pen/qg…
Read 12 tweets
May 30
Aspiring to become a web Developer Here's the answer to all your Questions:🧵the 👇

Welcome to 6th day of our series:
"Start your journey as a Front-End Web Developer"

Let's Start today's #100DaysOfCode
{6/100}
Let's start,
✔️ We've already covered the usual tags, now some of the most used tags are remaining so let's start by using:
<div></div>⬇️
✔️Div tag is not restricted to the type of data it can have,
Like we can use
<p>
<h>
<table>
<button>
<form> and etc between opening and closing tag.
So lets see how it's used⬇️
Read 7 tweets
May 30
🚀10 Best Games to Learn Web Development? 🤯

Where?
Read the Thread here:🧵👇
1. CSS Diner

🔗 flukeout.github.io
2. Codingame

🔗 codingame.com/start
Read 13 tweets
May 29
How to get started in web Development?
-Here's the answer to your Questions:🧵👇

Welcome to 5th day of our series:
"Start your journey as a Front-End Web Developer"

Let's Start today's #100DaysOfCode
{5/100}
Let's start,
✔️ Today we'll learn about Form tag and Button tag with their uses!
Table tag is written as <form></form>
And the Button tag as <button></button>.
let's Try Form tag First
table tag has different child tags such as⬇️
✔️<label></label>: Label for the text designation
<input type="Type X">: Type of data we want to enter in field
Here we already provided Button as a Submit type value in Input attribute.
Let's see how they actually works:
Read 5 tweets
May 28
If you're aspiring to become a web Developer Here's the answer to your Questions:🧵👇

Welcome to 4th day of our series:
"Start your journey as a Front-End Web Developer"

Let's Start today's #100DaysOfCode Image
{4/100}
Let's start,
✔️ Today we'll learn about Table tag and it's usage!
Table tag is written as <table></table>
And the Button tag as <button></button>.
let's Try table tag First
table tag has different child tags such as⬇️
✔️<th>: It defines table header
<tr>: It defines table row
<td>: It defines table cell
Let's see how they actually works: Image
Read 7 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!

:(