Web forms and html (lect 2)
Download as PPT, PDF0 likes148 views
The document discusses various HTML tags for images, links, and email links. It provides the syntax and attributes for image tags like <img> and describes how to specify image source, size, alignment, and more. It also explains the different types of links - internal, local, and global - and how to create them using <a> tags and href attributes. The document concludes with assignments to create basic web pages using these tags and linking between pages.
Web forms and html (lect 2)
- 2. Lecture-2
- 3. The <img> • Images are very important to beautify as well as to depicts many concepts on your web page. • Its is true that one single image is worth than thousands of words. • Syntax: • <img src="image URL" attr_name="attr_value"...more attributes /> • Following are most frequently used attributes for <img> tag. • width: sets width of the image. This will have a value like 10 or 20%etc. • height: sets height of the image. This will have a value like 10 or 20% etc. • border: sets a border around the image. This will have a value like 1 or 2 etc. • src: specifies URL of the image file. • alt: this is an alternate text which will be displayed if image is missing. • align: this sets horizontal alignment of the image and takes value either left, right orcenter. • valign: this sets vertical alignment of the image and takes value either top, bottom orcenter. • hspace: horizontal space around the image. This will have a value like 10 or 20%etc. • vspace: vertical space around the image. This will have a value like 10 or 20%etc. • name: name of the image with in the document. • id: id of the image with in the document. • style: this will be used if you are using CSS. • title: specifies a text title. The browser, perhaps flashing the title when the mouse passes over the link. • Example: • <img src=" img.jpg" alt=" Image1" />
- 4. Links • The web got its spidery name from the plentiful connections between web sites. • These connections are made using anchor tags to create links. Text, Images. • We Can have three types of links 1. Internal - Links to anchors on the current page 2. Local - Links to other pages within your domain 3. Global - Links to other domains outside of your site • The “href “ attribute uses to link. See examples below. • Examples: <!– Example of intrernal --> <a name=“title”> This is my title</a> <a href=“#title”>Go to Title</a> <!– Example of local --> <a href=“page2.html”>Page2</a> <!– Example of Global --> <a href=“www.hidaya.org”>Hidaya Foundation</a> HTML Email Tag: • HTML <a> tag provides you facility to specifiy an email address to send an email. • Example: • <a href= "mailto:[email protected]">Send Email</a>
- 5. Assignments • Create a page consisting of : • Table of content for 5-6 topics. • Make topics with h1 as heading and below its description in paragraph. • Make a "References" section with minimum 3 links. • Link references to another pages (other websites) within certain content. • Create a page consisting of: • 2 to 3 links to other page • The other page has descriptions of all links to which the link has to point out
- 6. Questions ?
- 7. Questions ?