Free Online Tutorial For Programmers, Contains a Solution For Question in Programming. Quizzes and Practice / Company / Test interview Questions.
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…
CSS: Cascading Style Sheets, describes how HTML displays content on the browser, it saves a lot of work There are 3 different ways to declare CSS in HTML Inline - by using the style attribute in HTML elements Internal - by using a <style> element in the <head> section External - by using…