Free Online Tutorial For Programmers, Contains a Solution For Question in Programming. Quizzes and Practice / Company / Test interview Questions.
Responsive Web Design is about using HTML and CSS to automatically resize, hide, shrink, or enlarge, a website, to make it look good on all devices (desktops, tablets, and phones) The Viewport While designing responsive web pages, add the following <meta> element in all your web pages This will set…
HTML Layout Elements: Websites display content in multiple columns HTML offers several semantic elements that define the different parts of a web page. <header> - Defines a header for a document. <nav> - Defines a container for navigation links <section> - Defines a section in a document <article> - Defines…
HTML Iframes: An iframe is used to display a web page within a web page. <iframe src="http://www.nswebsters.com/"></iframe> Iframe - Set Height and Width: Use the height and width attributes to specify the size of the frame. The height and width are specified in pixels by default <iframe src="http://www.nswebsters.com/" height="200" width="300"></iframe> Iframe - Remove the…
The id Attribute: The id attribute specifies a unique id for an HTML element (the value must be unique within the HTML document). The id value can be used by CSS and JavaScript to perform certain tasks for the element with the specific id value. In CSS, to select an…
Using The class Attribute: is used to define equal styles for elements with the same class name. all HTML elements with the same class attribute will get the same style. <!DOCTYPE html> <html> <head> <style> .cities { background-color: red; color: white; margin: 20px; padding: 20px; } </style> </head> <body> <div class="fruits">…
HTML Block and Inline Elements Block-level Elements: 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). The <div> element is a block-level element. <div>Hello World</div> Block-level elements in HTML: Inline Elements: An…
Unordered HTML list: starts with <ul> tag and each item in the list start with <li> tag and, items are marked with bullets (small black dots) Example: <ul> <li>Morning</li> <li>Noon</li> <li>Evening</li> </ul> you can select list style Disc: <ul style="list-style-type:disc;"> <li>Morning</li> <li>Noon</li> <li>Evening</li> </ul> Circle: <ul style="list-style-type:circle;"> <li>Morning</li> <li>Noon</li> <li>Evening</li>…
HTML Table: An HTML table is defined with the <table> tag. Each table row is defined with the <tr> tag. A table header is defined with the <th> tag. By default, table headings are bold and centred. A table data/cell is defined with the <td> tag. <table style="width:100%"> <tr> <th>Firstname</th>…
putting images in web pages improves the appearance and attracts the user to the page. <img src="http://www.learnsimpli.com/wp-content/uploads/2019/12/HTML.png" alt="HTML Tutorial"> HTML Images Syntax: In HTML, images are defined with the <img> tag. The <img> tag is empty, it contains attributes only, and does not have a closing tag. The…
we normally see many links in almost every web page, links allow users to click their way from the page HTML Links - Hyperlinks: can click on a link and jump to another document. When you move the mouse over a link, the mouse arrow will turn into a little…