UrbanPro
Login Ask & Answer Success Stories Paid Courses Free Classes Tuition & Classes Fees Write a Review All Categories Help Center
Post your Learning Need Signup as a Tutor
✕

Popular Cities

Bangalore

Hyderabad

Delhi

Mumbai

Chennai

Pune

Kolkata

Gurgaon

Ahmedabad

Jaipur

Noida

✕

Learn HTML from the Best Tutors

  • Affordable fees
  • 1-1 or Group class
  • Flexible Timings
  • Verified Tutors

Book a Free Demo

HTML > Learn HTML > What is the inline element? And the block element and...
✕

Search in

What is the inline element? And the block element and the difference of the span and p. How could I write p in html and the what are the types of attributes? If we want to display the fist name and last in same line which type of code I want choose? What is the process of creation of radio buttons and lists?

Asked by Last Modified  

12 Answers

Learn HTML

Follow 0
Answer

Please enter your answer

Trainer

1. A block-level element will always starts on a new line and takes up the full width available; for example: The div element is a block-level element. block-level elements. more examples:- div tag h1 - h6 tags p tag form tag 2. An inline element does not start on a new line and only takes up as much...
read more
1. A block-level element will always starts on a new line and takes up the full width available; for example: The div element is a block-level element. block-level elements. more examples:- div tag h1 - h6 tags p tag form tag 2. An inline element does not start on a new line and only takes up as much width as necessary. Examples of inline elements: span tag a tag img tag 3. The HTML p element represents a paragraph of text. Paragraphs are usually represented in visual media as blocks of text that are separated from adjacent blocks by vertical blank space and/or first-line indentation. Paragraphs are block-level elements. The attributes used are:- p { display: block; margin-top: 1em; margin-bottom: 1em; margin-left: 0; margin-right: 0; } 4. In html we make use of window form's and inside it we have tag's like INPUT TYPE. it do consists of various types of attributes like for first and last name we can use TEXT, and for radio buttons we can use as attribute RADIO, and we can use this to choose from multiple options like for gender. for example:- TEXT form First name:(break tag) input type="text" name="firstname" (break tag) Last Name:(break tag) input type="text" name="lastname" /form for example:- RADIO BUTTONS form input type="radio" name="gender" value="male" checked (break tag) input type="radio" name="gender" value="female" (break tag) /form read less
Comments
Dislike Bookmark

Web Technology

See there are three types to write css in our code:-1)inline 2)internal 3)external inline elements are like you have to write that css in tag directly like p style="color:red"hello.
Comments
Dislike Bookmark

Professional Mentor in UI UX design and Founder of SEO skills Academy Hyderabad.

Hi Lakshmi Sandhya, If you are photoshop user this answer will make you clear. single row marquee, single column marquee tools are inline elements (which make an object to occupies whole canvas). On other hand rectangle marquee or elliptical marquee are block level elements. Ravindra Reddy, Digital...
read more
Hi Lakshmi Sandhya, If you are photoshop user this answer will make you clear. single row marquee, single column marquee tools are inline elements (which make an object to occupies whole canvas). On other hand rectangle marquee or elliptical marquee are block level elements. Ravindra Reddy, Digital marketing and branding Educator. read less
Comments
Dislike Bookmark

.Net Developer

- Basically and inline element is nothing but which will occupy the content with where as if it is a block level element which will occupy the complete with of the page. - Span is example for inline and p is the block level.
Comments
Dislike Bookmark

UI Designer

Inline element is like taking a particular width for example span. If you try give inline for a span it applies only for that particular span, it wont take entire div or entire line. Where as Block element is takes entire div. The difference between p and span is both we can use for a bunch of lines...
read more
Inline element is like taking a particular width for example span. If you try give inline for a span it applies only for that particular span, it wont take entire div or entire line. Where as Block element is takes entire div. The difference between p and span is both we can use for a bunch of lines or content. The styles that you apply will effect the entire content in p but when you have a requirement like in that p one word need to be styled differently for that we use span tag and you can apply styles for that span. To display first name and last name side by side apply style float: left; for the divs. Process of creating Radio Button and Lists: Radio button comes under form element. So in the form take a div and insert the below code input type="radio" so that radio button will be displayed. Coming to Lists they are two types one is Ordered list and another one is Unordered Lists. These can be used for bullent points. And for these both lists you can select the type of bullet point you are looking for. For examples 1, 2, 3 or a, b, c or circle icons, etc. read less
Comments
Dislike Bookmark

Adobe Certified , Microsoft Certified Trainer with 9 years of experience

Whenever you write any code within the body tag (CSS) it is called inline element.
Comments
Dislike Bookmark

Web Designer And Developer (UI/UX)

1: A block-level element always starts on a new line and takes up the full width available (stretches out to the left and right as far as it can). 2: An inline element does not start on a new line and only takes up as much width as necessary. 3: Span First Name span span Last Name span 4: Input type="radio"...
read more
1: A block-level element always starts on a new line and takes up the full width available (stretches out to the left and right as far as it can). 2: An inline element does not start on a new line and only takes up as much width as necessary. 3: Span First Name span span Last Name span 4: Input type="radio" name="ABC" read less
Comments
Dislike Bookmark

Teacher

Inline is another way of expressing attributes, properties for a defined control while you program in design view. Paragraph tag can be used to write set of lines with out worrying about number of lines: Example: p stands for paragraph. You can enclose p in angular braces to start paragraph text....
read more
Inline is another way of expressing attributes, properties for a defined control while you program in design view. Paragraph tag can be used to write set of lines with out worrying about number of lines: Example: p stands for paragraph. You can enclose p in angular braces to start paragraph text. And input a forward slash before the p in closing tag. You can use basic controls in HTML in Visual Studio by dragging tools from tool box on the left side window. Drag any tool from it. It simply shows the basic code to implement the type of control you want. read less
Comments
Dislike Bookmark

Expert in Web Design and development

Lakshmi, All questions are very basic and easy to learn. You can take online tutorial help or join classes. 1] inline element - are those elements which takes space as per their contents Ex - a, span, strong etc and Block elements are those elements which takes full width of space. It occupies entire...
read more
Lakshmi, All questions are very basic and easy to learn. You can take online tutorial help or join classes. 1] inline element - are those elements which takes space as per their contents Ex - a, span, strong etc and Block elements are those elements which takes full width of space. It occupies entire screen width even though inside contents length are less. Ex - h1 to h6, div, p, ul, li, etc. 2] There are lots of HTML tags and each tag have their own attributes, to learn all these you must join classes or start learning online tutorials. 3] & 4] There are 2 - 3 types people are writing a code, but as per W3C compliance you needs to write a code and that is only the best code. read less
Comments
Dislike Bookmark

Trainer

For inline used span tag which make your first name and last name at same line.
Comments
Dislike Bookmark

View 10 more Answers

Related Questions

What is difference between HTML elements and attributes?
An attribute defines a property for an element, consists of an attribute/value pair, and appears within the element's start tag. An element's start tag may contain any number of space separated attribute/value...
Durgaprasad
I want to be a web/ios/android developer though I have studied till class10. So can I do the course to work as a freelancer? M y main query is I have heard about many things which we get to study when we do B.Sc but I am not up to that level so can I do the course?
Hi Ashutosh , I like your confidence and would like to say definitively you can do the course , as you are upto 10 th class so it may be very difficult to get jobs in companies but if you will have good...
Ashutosh

Why is HTML is used in Web Application?
The role of HTML in web development is to provide the backbone and structure of a web page. It defines the layout and organization of content on a web page by using a ranked structure of elements. HTML...
Karthick Ramesh Kumar
0 0
8

Now ask question in any of the 1000+ Categories, and get Answers from Tutors and Trainers on UrbanPro.com

Ask a Question

Related Lessons

HTML
HTML- Hyper Text Markup Language HYPER MEANS:For Example: Girls connected to jweleries, sarees, chocolates. Here there link to there intresting things.At the same way one word connected to other page....

Moses Dasari

0 0
0
HTML and Web design-Introduction by Kris, konrad, andy
For visitors to access web pages on your website, they must be connected to Internet and start a web browser. After web server sends web pages to the visitors computer, the web browser interprets the...

Charmy M.

0 0
0
HTMl tutorial for input type
<html> <body> <form> <input type="tel" id="phone" name="phone" pattern="{10}"required><br> <input type="submit" value="Submit"> </form> </body> </html>

Taru Sharma

0 0
0
Web Technology Tutorial
Web Technology has 2 category Front End (HTML,CSS,JS Etc) Back End/Server Side (PHP,JSP,ASP,ROR Etc) Front End technologies are - HTML, CSS, Bootstrap, Javascript, jQuery etc. Using front end...

Vetrivel Samidurai

1 0
0
Amazing Photoshop Cs6 Effect - Puppet Warp.
Being a puppet master using Adobe Photoshop Creative Suite 6 is an easy task with Puppet Warp. Think of Puppet Warp as a lighter weight Liquify filter. This command enables you to distort specific areas...

Narhari Gaikwad

0 0
0

Recommended Articles

Skills Required to Become a Front End Web...

Today, no business can exist without having its own website to interact with its customer base. Having a website is no more restricted to the big MNCs. With the advancement in technology and global business, even the small enterprises are spending on having their own websites and development teams. The person works on web...

Read full article >

Why Should you Learn HTML

Since the world today is ruled by the Internet, everyone desires to build a website for either business or personal interests. HTML or Hyper-text Mark-up Language is a globally standardized language which used to format web pages. By using HTML, the appearance of text, links, images and almost every part of a web page could...

Read full article >

Top 6 Skills Required to Become a Web Designer

Here are the top 6 must have skills for every Web Designer : Technical Skills Web designers undoubtedly require very strong technical skills. They must have hands on using Web designing software and tools, such as Adobe Dreamweaver, Fireworks, Photoshop, Flash etc. In addition to the knowledge of design...

Read full article >

Learn Microsoft Excel

Microsoft Excel is an electronic spreadsheet tool which is commonly used for financial and statistical data processing. It has been developed by Microsoft and forms a major component of the widely used Microsoft Office. From individual users to the top IT companies, Excel is used worldwide. Excel is one of the most important...

Read full article >

Find HTML5 near you
HTML5 in Bangalore
HTML5 in Hyderabad
HTML5 in Delhi
HTML5 in Pune
HTML5 in Mumbai
HTML5 in Chennai
HTML5 in Kolkata
HTML5 in Noida
HTML5 in Gurgaon
HTML5 in Ahmedabad
Online HTML Classes

Looking for HTML Training?

Learn from the Best Tutors on UrbanPro

Are you a Tutor or Training Institute?

Join UrbanPro Today to find students near you
X

Looking for HTML Classes?

The best tutors for HTML Classes are on UrbanPro

  • Select the best Tutor
  • Book & Attend a Free Demo
  • Pay and start Learning

Learn HTML with the Best Tutors

The best Tutors for HTML Classes are on UrbanPro

This website uses cookies

We use cookies to improve user experience. Choose what cookies you allow us to use. You can read more about our Cookie Policy in our Privacy Policy

Accept All
Decline All

UrbanPro.com is India's largest network of most trusted tutors and institutes. Over 55 lakh students rely on UrbanPro.com, to fulfill their learning requirements across 1,000+ categories. Using UrbanPro.com, parents, and students can compare multiple Tutors and Institutes and choose the one that best suits their requirements. More than 7.5 lakh verified Tutors and Institutes are helping millions of students every day and growing their tutoring business on UrbanPro.com. Whether you are looking for a tutor to learn mathematics, a German language trainer to brush up your German language skills or an institute to upgrade your IT skills, we have got the best selection of Tutors and Training Institutes for you. Read more

ThinkVidya Learning Pvt Ltd © 2010-2024All Rights Reserved