HTML Elements: Block Level and Inline Level

How many you know about this topic? Which html element is called block level and which is inline? I’m afraid most of you don’t have the proper knowledge. So, let’s discuss about it here, assuming you know the CSS.

Block level element is that which have by default the CSS property “display: block“, goes across the browser window when placed in an html document without any CSS properties applied. HTML tags in this category are div, p, form, heading tags following h1 to h6 etc. You can try it by yourself placing some elements. In other words, the element which by default, if placed after an element, starts from next line is block level element. CSS is very powerful that we can convert block level to inline level by applying attribute “display: inline“.

Now, talking about inline level element, I don’t have to tell further about it considering above discussion. But here, one new CSS attribute “display: inline-block” also. Inline level element doesn’t support width, height, margin and/or padding CSS attributes unless you make it “display: block” or “display: inline-block“. You need to add “display: inline-block” when you need two elements on the same line and with their margin, padding, width and/or height attributes. Or, if you need the inline elements to be appeared in next line, you have to add “display: block” attribute. In this way you can also skip “<br/>” (inline elements need <br/> tag for line break) tag for line breaks. HTML tags in inline level category are a, font, strong, span, strong etc.

Training beyond Tradition

Be experienced without the need of job

We do not follow traditional approach of training, we develop habit of working and patience inside you, experience real working method, don’t just take training. We let you learn by involving in real projects until you are ready, no matter whatever time duration required.

View courses   Success stories

Python with Django

Duration: 10 Weeks

Chapter 1: Python

  • Introduction
    • Overview
    • Audience / Prerequisites
    • Features
    • Environment Setup
      • Installing Python (2.7/3.6)
      • Setting up Environment Variable Path
      • Run Code on Interpreter
  • Basic of python syntax
    • Identifier
    • Conventions
    • Reserved Words
    • Lines and indentation
  • Data Types
    • Variables
    • Standard Data Types
    • Operator
  • Flow Control in Python
    • Condition
      • Pass Statement
    • Loop
      • Break Statement
      • Continue Statement
  • Errors and Exception Handling
    • Errors
      • Syntax Error
      • Attribute Error
      • Import Error
      • Index Error and many more…
    • Exceptions
      • Handling Exception (using try/catch/else/finally)
      • Handling Multiple Exceptions
      • Ignoring Exceptions

  • Introduction to Django
    • What is Django?
    • Django and Python
    • Do not Repeat Yourself (DRY principle)
    • Install ing Django
  • Getting Started with Django
    • Django settings.py
    • Adding App to your Project
    • Django app life cycle
    • Managing Users & the Django admin tool
    • About the 3 Core Files:
      • models.py
      • urls.py
      • views.py
  • Django Models
    • About Database Models
    • Setting up Database Connections
    • Define Django Models
    • Understanding Models Fields & Options
    • Create a Django Models
    • Model Meta Class
    • Adding Data to Model
    • Retrieve Model Database
      • Querysets
      • Filters / Exclude
      • Manage / Retrive Related Records
      • Using Q objects
    • Delete records
  • 4 Django Admin Interface
    • Creating an Admin User
    • Enabling the Admin Interface
    • Add Models in Admin Interface
  • Django URL Patterns and Views
    • About URL Conf
    • Regular Expressions
    • Expression Examples
    • URL Conf Examples
    • Generic Views
  • Django Template
    • Template Fundamentals
    • Loading Template Files
    • Filling Values in Template Context (Context Objects)
    • Template Tags / Filters
      • Built-in
      • Custom
    • Bootstrap Template Tags
    • Template Inheritance
  • Django Forms
    • Form Classes
      • Custom Forms
      • Model Forms
    • Form Validation
  • Access Control with sessions and Users
    • Django Session Framework
    • Installing Django User Authentication
    • Using Django Authentication
    • Login and Logout
    • Authentication Decorators and Mixins
  • Django Email Functionality
    • Configuring Mail Settings
    • Sending Email
    • Sending Bulk Emails
  • Generic Views
    • Simple Generic Views
    • Other Generic Views
      • Create View
      • List View
      • Detail View
      • Update View
      • Delete View
      • Redirect View
  • Django & REST APIs
    • REST API
    • Django REST Framework
    • Test REST API using Postman
    • AJAX
      • Introduction
      • Call REST API using AJAX
      • CRUD Operations using AJAX and API
  • Unit Testing with Django
    • Overview
    • Unit Test using unittest module