Part-01: Some important features of HTML are frequently needed in web development.
Add a Favicon in HTML
A favicon is a small image displayed next to the page title in the browser tab. You can use any image you like as your favicon. You can also create your own favicon on sites like https://www.favicon.cc. A favicon is a small image, so it should be a simple image with high contrast.
For Example:
Code:
<!DOCTYPE html> <html> <head> <title>My Page Title</title> <link rel="icon" type="image/x-icon" href="/images/favicon.ico"> </head> <body> <p>Welcome to Programmersmedia.com</p> </body> </html>
HTML Paragraphs
A paragraph always starts on a new line, and browsers automatically add some white space (a margin) before and after a paragraph.
Code:
<p>This is a paragraph.</p> <p>This is another paragraph.</p>
HTML Headings
HTML headings are titles or subtitles that you want to display on a webpage. HTML headings are defined with the <h1> to <h6> tags.<h1> defines the most important heading. <h6> defines the least important heading.
<h1>Heading 1</h1> <h2>Heading 2</h2> <h3>Heading 3</h3> <h4>Heading 4</h4> <h5>Heading 5</h5> <h6>Heading 6</h6>
HTML Images
Images can improve the design and the appearance of a web page. Images are not technically inserted into a web page; images are linked to web pages. The <img> tag creates a holding space for the referenced image. The <img> tag has two required attributes:
- src – Specifies the path to the image
- alt – Specifies an alternate text for the image
<img src=”url” alt=”alternatetext”>
The required src attribute specifies the path (URL) to the image.
The required alt attribute provides an alternate text for an image, if the user for some reason cannot view it (because of slow connection, an error in the src attribute, or if the user uses a screen reader).
Code:
<img src="img_chania.jpg" alt="Flowers in Chania">
Source: Click Here
Continue…
