Responsive Table
Home News Contact About Responsive Topnav Example Resize the browser window to see how it works.
Posts
Jquery
This container has a top padding of 16 px This container has a border This container has background color dark and text as white This container has background color blue and text white Learing about responsive containers like sm, md, lg, xl and check them This is in small screen size This is in medium size This is in large size This is in extra large size
Learning HTML - Day 10
Today is 01 February 2021 and it is my ninth day to learn HTML 🙋 Day 9 - Time 8.00 pm - 9.15 pm FORMS The < form > element is a container for different types of input elements , such as: text fields, checkboxes, radio buttons, submit buttons, etc. Here are the different input types we can use in HTML: <input type="button"> <input type="checkbox"> <input type="color"> <input type="date"> <input type="datetime-local"> <input type="email"> <input type="file"> <input type="hidden"> <input type="image"> <input type="month"> <input type="number"> <input type="password"> <input type="radio"> <input type="range"> <input type="reset"> <input type="search"> <input type="submit"> <input type="tel"> ...
Learning HTML - Day 9
Today is 01 February 2021 and it is my ninth day to learn HTML 🙋 Day 9 - Time 8.00 pm - 9.15 pm Continuation of Layout - On Day 8 learned about Layout using Float, today will learn Layout using other layout elements CSS Layout - covered in CSS HTML Block and Inline elements - Block elements - In HTML programming, a block -level element is any element that starts a new line (e.g., paragraph) and uses the full width of the page or container . A block -level element can take up one line or multiple lines and has a line break before and after the element . Inline elements are those which only occupy the space bounded by the tags defining the element , instead of breaking the flow of the content. A block level element has a top and a bottom margin, whereas an inline element does not. Code of a block element - <html> <head> <title>My webpage</title> </head> ...
Learning HTML - Day 8
Today is 01 February 2021 and it is my eight day to learn HTML 🙋 Day 8 - Time 8.00 pm - 9.15 pm LAYOUT Layout - 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. < nav >: The Navigation Section element The HTML < nav > element represents a section of a page whose purpose is to provide navigation links, either within the current document or to other documents. Common examples of navigation sections are menus, tables of contents, and indexes The HTML < article > element represents a self-contained composition in a document, page, application, or site, which is intended to be independently distributable or reusable (e.g., in syndication). The “ clear : ...
Learning HTML - Day 7
Today is 29th January 2021 and it is my seventh day to learn HTML 🙋 Day 6 - Time 8.00 pm - 9.15 pm IFRAMES The <iframe> tag specifies an inline frame. An inline frame is used to embed another document within the current HTML document. An iframe (short for inline frame) is an HTML element that allows an external webpage to be embedded in an HTML document. Unlike traditional frames, which were used to create the structure of a webpage, iframes can be inserted anywhere within a webpage layout. An HTML iframe is used to display a web page within a web page. Syntax <iframe src="url" title="description"> Tip: It is a good practice to always include a title attribute for the <iframe>. This is used by screen readers to read out what the content of the iframe is. Iframe - Set Height and Width Use the height and width attributes to specify the size of the iframe. The height and width are specified in pixels by default Code - Inserting my website inside an...
Learning HTML - Day 6
Today is 29th January 2021 and it is my fourth day to learn HTML 🙋 Day 6 - Time 8.00 pm - 9.15 pm Day 1 Day 2 <form> Defines an HTML form for user input <input> Defines an input control <textarea> Defines a multiline input control (text area) <label> Defines a label for an <input> element <fieldset> Groups related elements in a form <legend> Defines a caption for a <fieldset> element <select> Defines a drop-down list <optgroup> Defines a group of related options in a drop-down list <option> Defines an option in a drop-down list <button> Defines a clickable button <datalist> Specifies a list of pre-defined options for input controls <output> Defines the result of a calculation An HTML form is used to collect user input. The user input is most often sent to a server for processing. It is a section of a document containing normal...