HTML Introduction Anchor and Image tag
HTML Tutorials for Beginners – HTML Introduction Anchor and Image tag
In this video series we will study basics of html. We will study basics tags in HTML with their meaning.
In this series, HTML Tutorials for Beginners we will start from scratch and learn how the web pages on the internet are made. In this series we will be assuming the that you have never programmed in your life, so anyone can follow along. As the series progress we will also look into HTML5 the latest standard in the internet technology and discuss some of the features of it.
This video explains linking of webpages using anchor tag and also to display an image in a web page or a web document.
Explains about few important attributes of anchor a tag like target and image img tag like size and alternate text (alt) and also explains how image can be used to with an anchor tag.
<!DOCTYPE html> <html> <body> <!-- target="_blank" opens the link in a new tab or a window --> <h2>Linking a webpage using an anchor tag</h2> <a href="http://wethecomputerguys.com" target="_blank">Visit our blog</a> <!-- inbetween anchor tag anything can be placed - text, sentence, image or any element --> <h2>Image without height and/or width attribute</h2> <img src="batman_logop.png" alt="Batman Logo"> <h2>Image with height and/or width attribute</h2> <img src="batman_logop.png" alt="Batman Logo" height="400px"> <h2>Image with height and/or width attribute using style</h2> <img src="batman_logop.png" alt="Batman Logo" style="height:400px"> <!-- change value of src attribute with the name and extenstion of image file on your computer --> <h2>Anchor tag around an image</h2> <a href="http://en.wikipedia.org/wiki/Batman"> <img src="batman_logop.png" alt="Batman Logo" style="height:100px; width:150px;"> </a> </body> </html>