Learn HTML || Chapter 6

 

HTML Comments :-

HTML comments are used to add information to a web page that is not displayed to the user. They are used by web developers to document their code, as a way of communicating with other developers, and as a way of leaving notes and reminders for themselves. Comments in HTML code are written using the opening and closing comment tags <!- - and - ->. Anything written between these two tags will not be displayed in the web browser, but will be visible in the HTML source code. This makes comments an ideal way to leave notes and reminders, or to explain a section of code without affecting the user experience. Comments can also be used to keep parts of your code from being interpreted by the browser. This is useful if you want to temporarily remove part of your code from being displayed, or if you want to try out different ideas without affecting the live version of your site. All you have to do is wrap the code you want to comment out between the opening and closing comment tags. It's important to note that HTML comments are not secure, and can be easily seen in the page source. Therefore, they should not be used to hide sensitive information such as passwords or credit card numbers. Additionally, HTML comments are not supported in all browsers.

HTML Area Element :-

The HTML <area> element is used to define an area within an image map. It is used in conjunction with the <map> element, which defines the image map, and the <img> element, which defines the image to use as a map. The <area> element is used to define a hot spot on an image, which can be linked to another document or resource. It can also be used to define an inactive region of an image map. The <area> element requires a few attributes to define the coordinates of the area, as well as the link it should point to. The shape attribute is used to define the shape of the area. It can be set to "rectangle", "circle", or "polygon". The coordinates attribute is used to define the coordinates of the shape. For a rectangle, this will be two sets of x and y coordinates, separated by a comma.

For a circle, it will be the center x and y coordinate, followed by the radius.

For a polygon, it will be a list of x and y coordinates, separated by a comma. The href attribute is used to define the URL the area should link to. If the href attribute is omitted, the area will be inactive, meaning it will not be clickable. The alt attribute is used to define an alternate text for the area. This is useful for accessibility, and will be displayed if the image cannot be displayed. The title attribute is used to define a tooltip for the area. This will be displayed when the mouse cursor is hovered over the area. Overall, the HTML <area> element is a useful tool for creating image maps with hot spots. It can be used to link different parts of an image to different resources, making it a great way to add interactivity to web pages.

<img src="image.jpg" alt="Image not fond" usemap="#Image not fond" width="400" height="379">

<map name="workmap">

  <area shape="rect" coords="34,44,270,350" alt="Desktop" href="Desktop.htm">

  <area shape="rect" coords="290,172,333,250" alt="Laptop" href="Laptop.htm">

  <area shape="circle" coords="337,300,44" alt="Magzeen" href="Magzeen.htm">

</map>

HTML Artical Element :-

<article> HTML <article> tag is used to represent an independent content or a self-contained composition in a document. It could be a blog post, a magazine or newspaper article, a user-submitted comment, an interactive widget or gadget, or any other independent item of content. The content inside the <article> tag should make sense on its own and it should be possible to read it independently from the rest of the web page. This means that the content should be related to the main subject of the page, but it should not be a direct part of the main page. The <article> tag can contain other HTML elements like headings, paragraphs, images, lists, etc. It can also contain other subsections or sections of content, such as <section> or <nav>. This helps to structure the content inside the article. The <article> tag is very useful for SEO purposes. It helps search engines understand the structure of the web page and identify the content that is related to the main topic of the page. When using the <article> tag, it is important to ensure that the content is relevant and original. Duplicate content or content that is not related to the main topic of the page should not be placed inside the <article> tag. Overall, the HTML <article> tag is a great way to structure and organize content on web pages. It helps to keep content independent and also helps search engines understand the structure of the page.