UrbanPro

Learn HTML from the Best Tutors

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

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

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

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

.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

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

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

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

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

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

Trainer

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

View 10 more Answers

Related Questions

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
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

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 - Introduction
HTML - Hypertext Markup Language is the standard markup language for creating web applications. Hypertext is simply a piece of text that works as a link. Markup Language is a way of writing layout information...

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...

Morphing Page Transition
Today we’d like to share a simple morphing page transition effect with you. The idea is to morph an SVG path while moving an intro page up, creating an interesting, flowy look. For the animations...

Website Designing: HTML CSS
HTML: Hyper Text Markup Language. CSS: Cascadding Style Sheet: Display Property. In web designing: CSS concept display property concept is used for any block design. Display property have two properties: 1)...

Angular-2 Developer Training Program Syllabus
Angular2 Developer Training Program Syllabus: Introduction to Angular2. Why Angular2. Angular2 Features: Components, Services and Typescript. Angular2 Components: Templates, Modules, Services...

Recommended Articles

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 >

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 >

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 >

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 >

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