UIUX

HTML

Instructor

Manjunath Chidre

0 reviews

Description
Curriculum
Reviews
Grade

HTML in depth

1

Introduction to HTML

00:05:51

Introduction to HTML
2

HTML stands for

00:03:46

HTML stands for
3

HTML Features and Limitations

00:04:55

HTML Features and Limitations
4

HTML page using Notepad

00:04:21

HTML page using Notepad
5

HTML Document Structure

5:18

HTML Document Structure
6

HTML title tag

00:03:10

HTML title tag
7

Add Multiple spaces in HTML

00:03:38

Add Multiple spaces in HTML
8

HTML br tag

00:05:10

HTML br tag
9

HTML b Tag | i Tag | u Tag

00:04:58

HTML b Tag | i Tag | u Tag
10

HTML Nesting Tags

00:04:54

HTML Nesting Tags
11

HTML sub Tag | HTML sup Tag

00:04:17

HTML sub Tag | HTML sup Tag
12

HTML q Tag | HTML mark Tag

00:02:58

HTML q Tag | HTML mark Tag
13

HTML strike | del | s Tag

00:03:27

HTML strike | del | s Tag
14

HTML pre | small | big Tag

00:04:09

HTML pre | small | big Tag
15

HTML Heading Tags

00:03:19

HTML Heading Tags
16

HTML Block and Inline Tags

00:07:19

HTML Block and Inline Tags
17

HTML Paired and Unpaired Tags

00:05:15

HTML Paired and Unpaired Tags
18

HTML Attributes

00:04:26

HTML Attributes
19

HTML font Tag

00:09:13

HTML font Tag
20

HTML bgcolor and text Attribute

00:09:04

HTML bgcolor and text Attribute
21

HTML background Attribute

00:06:45

HTML background Attribute
22

HTML p Tag | HTML Paragraphs

00:09:14

HTML p Tag | HTML Paragraphs
23

HTML hr Tag | Horizontal Line

00:09:48

HTML hr Tag | Horizontal Line
24

HTML img Tag | HTML Images

00:07:47

HTML img Tag | HTML Images
25

HTML marquee Tag | Scroll Text

00:11:49

HTML marquee Tag | Scroll Text
26

HTML ol Tag | Ordered Lists

00:07:40

HTML ol Tag | Ordered Lists
27

HTML ul Tag | Unordered Lists

00:06:12

HTML ul Tag | Unordered Lists
28

HTML Nesting Lists | Sub lists

00:07:10

HTML Nesting Lists | Sub lists
29

HTML dl Tag | Definition Lists

00:05:20

HTML dl Tag | Definition Lists
30

HTML a Tag | Hyper Links

00:08:22

HTML a Tag | Hyper Links
31

HTML target Attribute

00:06:19

HTML target Attribute
32

HTML Hyper Images

00:05:36

HTML Hyper Images
33

HTML Single Page Navigation

00:10:14

HTML Single Page Navigation
34

HTML Navigate to Section on Another page

00:09:17

Navigate to Section on Another page
35

HTML Linking to all types of files

00:09:34

HTML Linking to all types of files
36

HTML mailto Attribute | Email Links

00:06:19

HTML mailto Attribute | Email Links
37

HTML map Tag | Image map

00:10:20

HTML map Tag | Image map
38

HTML form Tag | HTML Forms

00:05:49

HTML form Tag | HTML Forms
39

Create Text Field in HTML

00:06:40

Create Text Field in HTML
40

Create Password field in HTML

00:05:07

Create Password field in HTML
41

Create Radio buttons in HTML

00:10:31

Create Radio buttons in HTML
42

Create Checkbox in HTML

00:07:01

Create Checkbox in HTML
43

Create Dropdown in HTML

00:07:22

HTML select Tag | Dropdown List
44

Create Multi-Line Text Box in HTML

00:06:05

HTML Textarea Tag | Multi-Line Text Box
45

HTML SUBMIT button | GET vs POST

00:09:20

HTML SUBMIT button | GET vs POST
46

HTML RESET Button | Resetting Form

00:06:52

HTML RESET Button
47

HTML Types of Button

00:07:32

HTML Types of Button
48

HTML Form required Attribute

00:05:06

HTML Form required Attribute
49

HTML tables | HTML Table tag

00:08:07

HTML table Tag | tr Tag | td Tag
50

HTML th Tag | HTML Table Header

00:03:49

HTML th Tag | HTML Table Header Tag
51

HTML Table bgcolor Attribute

00:07:37

HTML Table bgcolor Attribute
52

HTML Table width and height

00:06:29

HTML Table width and height Attribute
53

HTML Table align and valign Attribute

00:05:24

HTML Table align and valign Attribute
54

HTML Table rowspan and colspan

00:09:07

HTML Table rowspan and colspan
55

HTML iframe Tag | Inline frames

00:12:42

HTML iframe Tag | Inline frames
56
Insert YouTube Video in HTML

00:02:42
Inserting a YouTube Video in HTML

To embed a YouTube video into your web page, we use the <iframe> tag, which allows us to embed external content like videos within an HTML document. YouTube provides an embed code that includes the necessary <iframe> tag to easily insert a video into a webpage.

Steps to Insert a YouTube Video in HTML:

1.      Go to the YouTube Video:

Find the video you want to embed on YouTube.

2.      Get the Embed Code:

Below the video, click on the Share button.

Click on Embed to get the HTML code.

Copy the embed code provided by YouTube.

3.      Paste the Embed Code in Your HTML:

You will be given an <iframe> tag, which you can directly insert into the body of your HTML document.

Syntax for Inserting YouTube Video:

<iframe width="560" height="315" src="https://www.youtube.com/embed/VIDEO_ID" frameborder="0" allowfullscreen></iframe>

width: Defines the width of the video player (in pixels).

height: Defines the height of the video player (in pixels).

src: The source URL of the YouTube video. Replace VIDEO_ID with the actual video ID from the URL.

frameborder: Defines whether to display a border around the iframe. Usually set to 0 for no border.

allowfullscreen: Allows the video to be viewed in full-screen mode.

Example Code for Inserting a YouTube Video:

<!doctype html>

<html lang="en">

<head>

    <meta charset="utf-8">

    <title>Embed YouTube Video</title>

</head>

<body>

    <h1>Check out this YouTube Video!</h1>

    <iframe width="560" height="315" src="https://www.youtube.com/embed/dQw4w9WgXcQ" frameborder="0" allowfullscreen></iframe>

</body>

</html>

In this example:

The video with the ID dQw4w9WgXcQ (a popular video on YouTube) will be embedded.

The video will appear with a width of 560 pixels and a height of 315 pixels.

Customization Options:

1.      Autoplay the Video:

To make the video play automatically when the page loads, add ?autoplay=1 to the end of the video URL:

2. <iframe width="560" height="315" src="https://www.youtube.com/embed/dQw4w9WgXcQ?autoplay=1" frameborder="0" allowfullscreen></iframe>

3.      Mute the Video on Start:

Add &mute=1 to the URL to start the video in a muted state:

4. <iframe width="560" height="315" src="https://www.youtube.com/embed/dQw4w9WgXcQ?mute=1" frameborder="0" allowfullscreen></iframe>

Key Points to Remember:

Responsiveness: For responsive web design, you may want to use percentages for width and height or control the video size with CSS to ensure it adjusts to different screen sizes.

Embedding Settings: The YouTube embed code can be customized to adjust video settings such as autoplay, loop, and controls.

Privacy-Enhanced Mode: If privacy is a concern, use YouTube's privacy-enhanced mode. To enable this, add ?rel=0 in the src URL to prevent YouTube from displaying related videos at the end of your video.

Conclusion:

Using the <iframe> tag is the easiest way to embed a YouTube video into your HTML page. Simply copy the embed code provided by YouTube and customize it to fit your page.
57

Insert Google Map in HTML

00:02:49

How to Insert Google Map in HTML
58

HTML video Tag Part 1

00:10:21

HTML video Tag Part 1
59

HTML video Tag Part 2

00:06:23

HTML5 video Tag Part 2
60

HTML audio tag | Insert Audio in HTML

00:07:55

HTML audio tag | Insert Audio in HTML
61

HTML meta Tag | Meta Tags for SEO

00:13:53

HTML meta Tag | Meta Tags for SEO
62

HTML comment Tag | HTML comments

00:04:41

HTML comment Tag | HTML comments
63

Design Personal Portfolio website with Only HTML

1:15:22

Design Personal Portfolio website with Only HTML
64

HTML Quiz

1 questions

Please, login to leave a review

Course:

Student:

Enrollment date:

Course completion date:

Grade:

Grade Points

Grade Range

Regenerate Grades

Exams:

Add to wishlist

Get course ₹1,000 ₹1,999

Course details

Lectures 63

Quizzes 1

Level Beginner

Popular courses

CSS

₹1,999

₹1,000

By Manjunath Chidre
JavaScript

Free

By Manjunath Chidre
jQuery

Free

By Manjunath Chidre
Bootstrap

Free

By Manjunath Chidre

HTML

Inserting a YouTube Video in HTML

Steps to Insert a YouTube Video in HTML:

Syntax for Inserting YouTube Video:

Example Code for Inserting a YouTube Video:

Customization Options:

Key Points to Remember:

Conclusion:

About Us

Courses

Contact Us