---

TH

TH

SPACEEEEEEEEEEEEEEEEEEEEEEEE

index

---

SPAcE

Day 1

SPACEE

|

SPAcECEE

Day 2

SPACEEEE

|

SPAcE

Day 3

SPACEEE

|

SPAcECE

Day 4

SPACEEE

|

SPAcE

Day 5

SPACEEE

|

SPAcE

Day 6

SPA

|

---

🖥️ Deploying your first website

Media in HTML refers to any non-text content you can display on a webpage

things like images, audio, video, animations,

or even external content (YouTube, maps, etc.).

Media makes websites more interactive, engaging, and useful.

we are basically adding videos and images or audio to make are website more informative

🎥 Video tag (<Video>)

The <video> tag is used to embed video files.

Modern browsers support MP4, WebM, and Ogg formats.

You can provide multiple elements → the browser picks the one it support

• controls → Adds UI (play, pause, volume, fullscreen).

• autoplay → Plays video automatically when the page loads.

• loop → Restarts video when it ends.

• muted → Starts video with no sound.

• poster → Shows a thumbnail before the video starts.

• width / height → Size of the video player.

Example

You can use the video tag using

<video src="my-awesome-video.mp4"> </video>

---

🎵 Audio tag (<audio>)

---

The good news is that the <audio> tag works almost identically to the <video> tag, just without the visual component.

The Problem: How do we embed a sound file (like a song or a podcast) with player controls?

The Solution: Use the <audio> tag with the controls attribute.

he <audio> tag is for playing sound/music.

Formats supported: MP3, Ogg, WAV.

Attributes

controls → Adds play/pause & volume.

autoplay → Plays automatically.

loop → Keeps repeating the audio.

muted → Starts silent.

Example

---

📺 Embeddeding tag(<iframe>)

---

The good news is that the <audio> tag works almost identically to the <video> tag, just without the visual component.

The Problem: How do we embed a sound file (like a song or a podcast) with player controls?

The Solution: Use the <audio> tag with the controls attribute.

he <audio> tag is for playing sound/music.

Formats supported: MP3, Ogg, WAV.

Attributes

controls → Adds play/pause & volume.

autoplay → Plays automatically.

loop → Keeps repeating the audio.

muted → Starts silent.

Example

---

Header,Main,Footer

---

Header

The top section of a webpage or a section.

Usually contains:

Website logo or title

Navigation menu

Taglines or introductory text

Main

The main content area of a webpage.

Only one <main> is allowed per page.

It should not include things like navigation, sidebars, or repeated content

(those go in <header>, <footer>, or <aside>).

Footer

The bottom section of a webpage or section.

Usually contains:

Copyright info

Contact info

Social media links

Related site links Like <header>, you can have multiple footers (one for the page and one for a section).

---

Entity Number

---

This method uses the character's numerical code. It works just as well but is less descriptive.

Symbol	Description	Entity Name	Entity Number
©	Copyright	©	©
®	Registered Trademark	®	®
™	Trademark	™	™
<	Less-than (for showing code)	&lt;	&#60;
>	Greater-than (for showing code)	&gt;	&#62;
&	Ampersand	&amp;	&#38;
"	Double Quote	&quot;	&#34;
€	Euro Sign	&euro;	&#8364;

---

Deploying First Website

---

Step by Step: Deploy Website on Netlify

• Step 1: Prepare your website files
  
  Make sure all HTML, CSS, JS, images, and other assets are in one folder. The main page should be named index.html.
• Step 2: Sign in to Netlify
  
  Go to Netlify and log in using GitHub, GitLab, Bitbucket, or email.
• Step 3: Deploy using Drag & Drop
  
  Click "Add new site" → "Deploy manually" → "Drag & Drop". Drag the folder containing your website files into the drop area. Netlify will generate a temporary URL.
• Step 4: Test your site
  
  Open the generated Netlify URL and check that all pages, images, and scripts load correctly.
• Step 5: Add a custom domain (optional)
  
  Go to Domain settings → Add custom domain. Update your DNS records to point to Netlify or use Netlify DNS. HTTPS will be provided automatically.


• Step 6: Update or redeploy
  
  If you make changes, update your files and drag & drop again. Netlify overwrites the previous deployment.

---

If u still have doubts u can watch this video

THQ