Inline & Block Elements in HTML | Sigma Web Development Course - Tutorial #8

Показать описание

➡️ We are working on the Subtitles and will upload them soon!

TimeStamps ⌚
00:00 Introduction
00:22 Sigma Web Development Intro 🗿
01:10 Inline Elements Vs Block Elements
06:11 Comprehensive list for Inline and Block Elements
07:34 Quick Quiz 📝
08:21 Conclusion
10:28 Sigma Outro 🗿

python, C, C++, Java, JavaScript and Other Cheatsheets [++]:

►Learn in One Video[++]:

►Complete course [playlist]:

Follow Me On Social Media
Comment "#HarryBhai" if you read this 😉😉

CodeWithHarry

Рекомендации по теме

Комментарии

I hope you're enjoying this course Let me know how this course is going so far.
Many people asked if this course is job ready - Yes this course is Job Ready!
Source code is updated on Github. English Subtitles are added to all the videos #SigmaBatchOP

CodeWithHarry

A real hero teacher for those who can't afford paid courses and also I think this free course is better than paid courses because of Harry bhai's Effort.

AwaisMughalFans

<body>
<form action="post">
<div>
<label for="name">Name</label>
<input type="text" id="name" placeholder="Input Your Name" required>
</div>
<div>
<label for="city">City</label>
<input type="text" id="city" placeholder="Input Your City" required>
</div>
<div>
<label
<input type="text" id="pincode" placeholder="Input Your Pincode" required>
</div>
</form>

</body>

SIGMA BATCH OPPP!!!😍❤

KRISHNAGAMERZ

The only series where I NEVER skip the intro! Every single minute detail and part about this course is commendable! Harry you're amazing 😇

TvishaThakur-mk

Very nice course 🔥 Love it ❤
Quick Quiz :
Here I am writing all the elements inside a div since div is a block element thus to seperate the form elements vertically.
<form action="NULL">
<div>
<div>
<label for="userName">Enter your name:</label>
</div>
<input type="text" id="userName" />
</div>
<div>
<div>
<label for="userCity">City</label>
</div>
<input type="text" id="userCity" />
</div>
<div>
<div>
<label
</div>
<input type="text" id="userPinCode" />
</div>
<div>
<input type="submit" />
<input type="reset" />
</div>
</form>

And yes I am already a ninja 🥷🔥

chiteez_____

Harry Bhai ke aage koi bol sakta hai kya OP

official_tufel

Answer to the quiz - We can just wrap our input tags in "div" tags to make it a block element and thus we won't require a <br> tag

sanjitvyas

<div> is a block-level element and takes up the full width, stacking the inputs below each other.

<form>
<div>
<label for="name">Name:</label>
<input type="text" id="name" name="name">
</div>
<div>
<label for="city">City:</label>
<input type="text" id="city" name="city">
</div>
<div>
<label
<input type="text" id="pincode" name="pincode">
</div>
</form>

Namra-mw

7:35 the answer is we use a block element <div> for the new line

AbhijeetbhatYT

JazakAllah Harry bhai a The motivation that you give at the end really restores our faith in hardwork...😍😍😍

muhammadhassan

inside body tag
<form action="post">
<div>
<label for="username">your name</label>
<input type="text" id="username" placeholder="Enter your name">
</div>
<div>
<label for="cityname">city</label>
<input type="text" id="cityname" placeholder="enter city name">
</div>
<div>
<label
<input type="number" id="pincode" placeholder="pincode">
</div>
</form>

ashishraj-wgoz

<body>
<h1>Form to applay web - development</h1>
<form action="post">

<div>
<label for="Name">Enter your Name</label>
<input type="text" id="Name"
placeholder="Enter your Name">
</div>

<span>
<label for="City">Enter your City </label>
<input type="text" id="City"
placeholder="Enter your City">
</span>
<p>
<label for="Pincode">Enter your Pincode </label>
<input type="text" id="Pincode"
placeholder="Enter your Pincode">
</p>
</body>
</html>
Thank you so much🥰

Islamicworld

harry not only teach you, but also motivate time to time, jst like perfect teacher

heyy_yash

Quiz Answer
We will use <div> that is block element to make it vertically alligned.

AsmaMunaf-wf

I will use <div> that is block element to make it vertically alligned.

sahilatram

mai already ninja hu and wo b aapki he maherbani hai thanx for css course waha se bahot kuch sikhi hu actually mai is computer field me jo b sikhi sab aapki he videos dekh kar sikhi hu mai non technecal student thi maine masters maths me ki hu and now i am alhamdulillah in technical field and today i am doing your cource free thank you soooo much for this course

samreendeshmukh

Quick Quiz
We can use <p> tag and <div> tag

siddharthsalve

<form action="">
<div><input type="text" placeholder="Enter your Name"></div>
<div><input type="text" placeholder="Enter your City"></div>
<div><input type="text" placeholder="Enter your Pincode"></div>
</form>

Used inline element input inside block element div to align all the inputs one by one.

pulkitpareek

To vertically align form elements without using CSS or <br> tags, we have wrap them inside <div> tags

p_mat

Done Quiz 👍
Used <div>
Form <form>
Order listl<ol>
And li <li> as block elments
And
<Input>
<Label>
as inline elements

Muhammad_Rabi

Inline & Block Elements in HTML | Sigma Web Development Course - Tutorial #8

Block, Inline, and Inline-Block explained | CSS Tutorial

HTML Block vs Inline Elements

HTML - Block and Inline - W3Schools.com

Inline Vs Block

Learn CSS Display Property In 4 Minutes

Three Main CSS Displays | inline, block, inline-block | Full Concept

HTML Tutorial: Inline & Block Elements | Web Development Tutorials #9

HTML Block and Inline Elements Tutorial

CSS Display FLEX vs Block, Inline & Inline-Block Explained

#28 CSS Display: inline-block | CSS Tutorial

CSS display: inline-block Explained By Creating a Grid

inline Vs Block Vs inline-Block Elements in HTML CSS | What is The Difference ?

Aligning Elements with display: inline-block;

List, inline and Block element

CSS Block - inline - inline-block Display Properties

Learn CSS In Arabic 2021 - #11 - Display - Block, Inline Block, Inline

CSS Tutorial: CSS Display Property | Display Inline, Block, Inline-block | HTMLCSS

Understanding the CSS Display Property - block, inline, & inline-block

CSS Display Tutorial: Learn inline, block & inline-block

CSS: DISPLAY - Block, Inline & Inline-Block

html tutorial - inline vs block vs inline-block

What is Inline Element, Block Element and Inline Block in HTML / CSS for Absolute Beginners

COURS COMPLET HTML ET CSS [25/71] - Les types block et inline

CSS Display Property in Depth: Understanding Inline, Block, and Inline-Block || Episode - 16