web designing - kanpuruniversity.orgkanpuruniversity.org/pdf/web-designing_180420.pdf · web...
TRANSCRIPT
![Page 1: WEB Designing - kanpuruniversity.orgkanpuruniversity.org/pdf/WEB-Designing_180420.pdf · WEB Designing PK Shukla . HTML Tag The tag defines a hyperlink, which](https://reader035.vdocuments.mx/reader035/viewer/2022070817/5f145b76ba1d1f642527d009/html5/thumbnails/1.jpg)
WEB Designing PK Shukla
![Page 2: WEB Designing - kanpuruniversity.orgkanpuruniversity.org/pdf/WEB-Designing_180420.pdf · WEB Designing PK Shukla . HTML Tag The tag defines a hyperlink, which](https://reader035.vdocuments.mx/reader035/viewer/2022070817/5f145b76ba1d1f642527d009/html5/thumbnails/2.jpg)
HTML
![Page 3: WEB Designing - kanpuruniversity.orgkanpuruniversity.org/pdf/WEB-Designing_180420.pdf · WEB Designing PK Shukla . HTML Tag The tag defines a hyperlink, which](https://reader035.vdocuments.mx/reader035/viewer/2022070817/5f145b76ba1d1f642527d009/html5/thumbnails/3.jpg)
![Page 4: WEB Designing - kanpuruniversity.orgkanpuruniversity.org/pdf/WEB-Designing_180420.pdf · WEB Designing PK Shukla . HTML Tag The tag defines a hyperlink, which](https://reader035.vdocuments.mx/reader035/viewer/2022070817/5f145b76ba1d1f642527d009/html5/thumbnails/4.jpg)
![Page 5: WEB Designing - kanpuruniversity.orgkanpuruniversity.org/pdf/WEB-Designing_180420.pdf · WEB Designing PK Shukla . HTML Tag The tag defines a hyperlink, which](https://reader035.vdocuments.mx/reader035/viewer/2022070817/5f145b76ba1d1f642527d009/html5/thumbnails/5.jpg)
![Page 6: WEB Designing - kanpuruniversity.orgkanpuruniversity.org/pdf/WEB-Designing_180420.pdf · WEB Designing PK Shukla . HTML Tag The tag defines a hyperlink, which](https://reader035.vdocuments.mx/reader035/viewer/2022070817/5f145b76ba1d1f642527d009/html5/thumbnails/6.jpg)
![Page 7: WEB Designing - kanpuruniversity.orgkanpuruniversity.org/pdf/WEB-Designing_180420.pdf · WEB Designing PK Shukla . HTML Tag The tag defines a hyperlink, which](https://reader035.vdocuments.mx/reader035/viewer/2022070817/5f145b76ba1d1f642527d009/html5/thumbnails/7.jpg)
![Page 8: WEB Designing - kanpuruniversity.orgkanpuruniversity.org/pdf/WEB-Designing_180420.pdf · WEB Designing PK Shukla . HTML Tag The tag defines a hyperlink, which](https://reader035.vdocuments.mx/reader035/viewer/2022070817/5f145b76ba1d1f642527d009/html5/thumbnails/8.jpg)
![Page 9: WEB Designing - kanpuruniversity.orgkanpuruniversity.org/pdf/WEB-Designing_180420.pdf · WEB Designing PK Shukla . HTML Tag The tag defines a hyperlink, which](https://reader035.vdocuments.mx/reader035/viewer/2022070817/5f145b76ba1d1f642527d009/html5/thumbnails/9.jpg)
![Page 10: WEB Designing - kanpuruniversity.orgkanpuruniversity.org/pdf/WEB-Designing_180420.pdf · WEB Designing PK Shukla . HTML Tag The tag defines a hyperlink, which](https://reader035.vdocuments.mx/reader035/viewer/2022070817/5f145b76ba1d1f642527d009/html5/thumbnails/10.jpg)
![Page 11: WEB Designing - kanpuruniversity.orgkanpuruniversity.org/pdf/WEB-Designing_180420.pdf · WEB Designing PK Shukla . HTML Tag The tag defines a hyperlink, which](https://reader035.vdocuments.mx/reader035/viewer/2022070817/5f145b76ba1d1f642527d009/html5/thumbnails/11.jpg)
![Page 12: WEB Designing - kanpuruniversity.orgkanpuruniversity.org/pdf/WEB-Designing_180420.pdf · WEB Designing PK Shukla . HTML Tag The tag defines a hyperlink, which](https://reader035.vdocuments.mx/reader035/viewer/2022070817/5f145b76ba1d1f642527d009/html5/thumbnails/12.jpg)
![Page 13: WEB Designing - kanpuruniversity.orgkanpuruniversity.org/pdf/WEB-Designing_180420.pdf · WEB Designing PK Shukla . HTML Tag The tag defines a hyperlink, which](https://reader035.vdocuments.mx/reader035/viewer/2022070817/5f145b76ba1d1f642527d009/html5/thumbnails/13.jpg)
![Page 14: WEB Designing - kanpuruniversity.orgkanpuruniversity.org/pdf/WEB-Designing_180420.pdf · WEB Designing PK Shukla . HTML Tag The tag defines a hyperlink, which](https://reader035.vdocuments.mx/reader035/viewer/2022070817/5f145b76ba1d1f642527d009/html5/thumbnails/14.jpg)
![Page 15: WEB Designing - kanpuruniversity.orgkanpuruniversity.org/pdf/WEB-Designing_180420.pdf · WEB Designing PK Shukla . HTML Tag The tag defines a hyperlink, which](https://reader035.vdocuments.mx/reader035/viewer/2022070817/5f145b76ba1d1f642527d009/html5/thumbnails/15.jpg)
![Page 16: WEB Designing - kanpuruniversity.orgkanpuruniversity.org/pdf/WEB-Designing_180420.pdf · WEB Designing PK Shukla . HTML Tag The tag defines a hyperlink, which](https://reader035.vdocuments.mx/reader035/viewer/2022070817/5f145b76ba1d1f642527d009/html5/thumbnails/16.jpg)
![Page 17: WEB Designing - kanpuruniversity.orgkanpuruniversity.org/pdf/WEB-Designing_180420.pdf · WEB Designing PK Shukla . HTML Tag The tag defines a hyperlink, which](https://reader035.vdocuments.mx/reader035/viewer/2022070817/5f145b76ba1d1f642527d009/html5/thumbnails/17.jpg)
![Page 18: WEB Designing - kanpuruniversity.orgkanpuruniversity.org/pdf/WEB-Designing_180420.pdf · WEB Designing PK Shukla . HTML Tag The tag defines a hyperlink, which](https://reader035.vdocuments.mx/reader035/viewer/2022070817/5f145b76ba1d1f642527d009/html5/thumbnails/18.jpg)
![Page 19: WEB Designing - kanpuruniversity.orgkanpuruniversity.org/pdf/WEB-Designing_180420.pdf · WEB Designing PK Shukla . HTML Tag The tag defines a hyperlink, which](https://reader035.vdocuments.mx/reader035/viewer/2022070817/5f145b76ba1d1f642527d009/html5/thumbnails/19.jpg)
![Page 20: WEB Designing - kanpuruniversity.orgkanpuruniversity.org/pdf/WEB-Designing_180420.pdf · WEB Designing PK Shukla . HTML Tag The tag defines a hyperlink, which](https://reader035.vdocuments.mx/reader035/viewer/2022070817/5f145b76ba1d1f642527d009/html5/thumbnails/20.jpg)
![Page 21: WEB Designing - kanpuruniversity.orgkanpuruniversity.org/pdf/WEB-Designing_180420.pdf · WEB Designing PK Shukla . HTML Tag The tag defines a hyperlink, which](https://reader035.vdocuments.mx/reader035/viewer/2022070817/5f145b76ba1d1f642527d009/html5/thumbnails/21.jpg)
![Page 22: WEB Designing - kanpuruniversity.orgkanpuruniversity.org/pdf/WEB-Designing_180420.pdf · WEB Designing PK Shukla . HTML Tag The tag defines a hyperlink, which](https://reader035.vdocuments.mx/reader035/viewer/2022070817/5f145b76ba1d1f642527d009/html5/thumbnails/22.jpg)
![Page 23: WEB Designing - kanpuruniversity.orgkanpuruniversity.org/pdf/WEB-Designing_180420.pdf · WEB Designing PK Shukla . HTML Tag The tag defines a hyperlink, which](https://reader035.vdocuments.mx/reader035/viewer/2022070817/5f145b76ba1d1f642527d009/html5/thumbnails/23.jpg)
![Page 24: WEB Designing - kanpuruniversity.orgkanpuruniversity.org/pdf/WEB-Designing_180420.pdf · WEB Designing PK Shukla . HTML Tag The tag defines a hyperlink, which](https://reader035.vdocuments.mx/reader035/viewer/2022070817/5f145b76ba1d1f642527d009/html5/thumbnails/24.jpg)
![Page 25: WEB Designing - kanpuruniversity.orgkanpuruniversity.org/pdf/WEB-Designing_180420.pdf · WEB Designing PK Shukla . HTML Tag The tag defines a hyperlink, which](https://reader035.vdocuments.mx/reader035/viewer/2022070817/5f145b76ba1d1f642527d009/html5/thumbnails/25.jpg)
![Page 26: WEB Designing - kanpuruniversity.orgkanpuruniversity.org/pdf/WEB-Designing_180420.pdf · WEB Designing PK Shukla . HTML Tag The tag defines a hyperlink, which](https://reader035.vdocuments.mx/reader035/viewer/2022070817/5f145b76ba1d1f642527d009/html5/thumbnails/26.jpg)
![Page 27: WEB Designing - kanpuruniversity.orgkanpuruniversity.org/pdf/WEB-Designing_180420.pdf · WEB Designing PK Shukla . HTML Tag The tag defines a hyperlink, which](https://reader035.vdocuments.mx/reader035/viewer/2022070817/5f145b76ba1d1f642527d009/html5/thumbnails/27.jpg)
<a> Tag
The <a> tag defines a hyperlink, which is used to link from one page to another.
The most important attribute of the <a> element is the href attribute, which indicates the link's destination.
By default, links will appear as follows in all browsers:
An unvisited link is underlined and blue A visited link is underlined and purple An active link is underlined and red
Example:
<html> <head> <title></title> </head> <body> <p>Click on <a href="###" target="_blank"> this-link </a>to go on home page of JavaTpoint.</p> </body> </html>
![Page 28: WEB Designing - kanpuruniversity.orgkanpuruniversity.org/pdf/WEB-Designing_180420.pdf · WEB Designing PK Shukla . HTML Tag The tag defines a hyperlink, which](https://reader035.vdocuments.mx/reader035/viewer/2022070817/5f145b76ba1d1f642527d009/html5/thumbnails/28.jpg)
HTML Image
HTML img tag is used to display image on the web page. HTML img tag is an empty tag that contains attributes only, closing tags are not used in HTML image element.
Attributes of HTML img tag
The src and alt are important attributes of HTML img tag. All attributes of HTML image tag are given below.
1) src
It is a necessary attribute that describes the source or path of the image. It instructs the browser where to look for the image on the server.
The location of image may be on the same directory or another server.
2) alt
The alt attribute defines an alternate text for the image, if it can't be displayed. The value of the alt attribute describe the
image in words. The alt attribute is considered good for SEO prospective.
3) width
It is an optional attribute which is used to specify the width to display the image. It is not recommended now. You should apply CSS in place of width attribute.
4) height
It h3 the height of the image. The HTML height attribute also supports iframe, image and object elements. It is not recommended now. You should apply CSS in place of height attribute.
Use of height and width attribute with img tag
You have learnt about how to insert an image in your web page, now if we want to give some height and width to display
![Page 29: WEB Designing - kanpuruniversity.orgkanpuruniversity.org/pdf/WEB-Designing_180420.pdf · WEB Designing PK Shukla . HTML Tag The tag defines a hyperlink, which](https://reader035.vdocuments.mx/reader035/viewer/2022070817/5f145b76ba1d1f642527d009/html5/thumbnails/29.jpg)
image according to our requirement, then we can set it with
height and width attributes of image.
Example:
<!DOCTYPE html> <html> <head> <title>Image tag</title> </head> <body> <h2>HTML image example with height and width</h2>
<img src="https://static.javatpoint.com/htmlpages/images/animal.jpg" height="180" width="300" alt="animal image"> </body> </html>