Home
HTML

Learn Basic HTML Complete Course part 23

1 min read

HTML Layouts

HTML layouts provide a way to arrange web pages in well-mannered, well-structured, and in responsive form or we can say that HTML layout specifies a way in which the web pages can be arranged. Web-page layout works with arrangement of visual elements of an HTML document.

Web page layout is the most important part to keep in mind while creating a website so that our website can appear professional with the great look. You can also use CSS and JAVASCRIPT based frameworks for creating layouts for responsive and dynamic website designing.

Every website has a specific layout to display content in a specific manner.

Following are different HTML5 elements which are used to define the different parts of a webpage.


  • <header> : It is used to define a header for a document or a section.
  • <nav> : It is used to define a container for navigation links
  • <section> : It is used to define a section in a document
  • <article> : It is used to define an independent self-contained article
  • <aside> : It is used to define content aside from the content (like a sidebar)
  • <footer> : It is used to define a footer for a document or a section
  • <details> : It is used to define additional details
  • <summary> : It is used to define a heading for the <details> element


We will learn about this all tag in details in this tutorial.

You may like these posts

  • Learn Basic HTML Complete Course part 17
    HTML Id AttributeThe id attribute refers to a unique value for an HTML element. This HTML id value can be used with CSS and JavaScript to perform certain task.HTML id with CSSIn CS…
  • Learn Basic HTML Complete Course part 22
    HTML HeadThe HTML <head> element is used as a container for metadata (data about data). It is used between <html> tag and <body> tag.The head of an HTML document …
  • Learn Basic HTML Complete Course part 20
    HTML CommentsComments are some text or code written in your code to give an explanation about the code, and not visible to the user. Comments which are used for HTML file are known…
  • Learn Basic HTML Complete Course part 7
    HTML HeadingA HTML heading or HTML h tag can be defined as a title or a subtitle which you want to display on the webpage. When you place the text within the heading tags <h1>…
  • Learn Basic HTML Complete Course part 21
    HTML File PathsAn HTML file fileName is used to describe the location of a file in a website folder. File paths are like an address of file for a web browser. We can link any exter…
  • Learn Basic HTML Complete Course part 11
    HTML TableHTML table tag is used to display data in tabular form (row * column). There can be many columns in a row.We can create a table to display data in tabular form, using <…

Post a Comment