Advanced HTML Techniques for Web Development
Learn about advanced HTML techniques including image tags, link tags, text formatting, HTML rules, comments, and style attributes as taught at Amity School of Engineering & Technology. Enhance your web development skills with practical examples and detailed syntax explanations. Master the art of creating interactive and visually appealing web pages through this comprehensive guide.
Download Presentation
Please find below an Image/Link to download the presentation.
The content on the website is provided AS IS for your information and personal use only. It may not be sold, licensed, or shared on other websites without obtaining consent from the author. If you encounter any issues during the download, it is possible that the publisher has removed the file from their server.
You are allowed to download the files provided on this website for personal or commercial use, subject to the condition that they are used lawfully. All files are the property of their respective owners.
The content on the website is provided AS IS for your information and personal use only. It may not be sold, licensed, or shared on other websites without obtaining consent from the author.
E N D
Presentation Transcript
Amity School of Engineering & Technology Lecture 3
Amity School of Engineering & Technology Link Tag Html Links : Html links are defined with the <a> tag Syntax : <a href="http://www.gmil.com">Gmail</a> <html> <body> Example : <a href="http://www.gmail.com">Gmail</a> </body> </html> If we click this link it goes to gmail account Gmail O/P :
Amity School of Engineering & Technology Image Tag HTML Images : HTML images are defined with the <img> tag. Syntax : <img src "123.jpg" width="104" height="142" /> Example : <html> <body> <img src="word.jpg" width="104" height="142" /> </body> </html> O/P:
HTML RULES Amity School of Engineering & Technology HTML Rules (Lines) : The <hr /> tag is used to create an horizontal rule (line). Example: <html><body> O/P : Exnora <h3>Exnora</h3> <hr /> Safety Exnora <h3>Safety Exnora</h3> </body></html>
HTML COMMENTS Amity School of Engineering & Technology HTML Comments : Comments can be inserted in the HTML code to make it more readable and understandable. Comments are ignored by the browser and are not displayed. Syntax : <!-- some text <html><body> O/P : Example : <!--It will not be displayed--> <h3>Plant Trees </h3> Plant Trees </body></html>
HTML TEXT FORMATTING Amity School of Engineering & Technology Some Formatting Tags are 1,b-Bold, 2.i-Italic, 3.code-Computer code,4.sub-Subscript & 5.sup-Superscript <html><body> <b>Confidence</b><br /> <big>Hardwork</big><br /> <i>Preseverance</i><br /> <code>Samsung CRT</code><br /> Implement it as a Exercise This is<sub> subscript</sub><br /> (Practical) This is<sup> superscript</sup> </body></html>
HTML STYLE ATTRIBUTES Amity School of Engineering & Technology Tags Description <center> Defines centered content <font> Defines HTML fonts <s> and <strike> Defines strikeout text <u> Defines underlined text Attributes Description Align Defines the alignment of text Bgcolor Defines the background color Color Defines the text color
STYLE EXAMPLE Amity School of Engineering & Technology <html> <h1 style="text-align:center">NATURE</h1> <body style="background-color:yellow"> <p style="font-family:Purisa;color:red">Plant Tree</p> <p style="font-family:times;color:red">Save Our Generation</p> <p style="font-size:40">Value Our Environment</p> </body> </html> NATURE O/P : Plant Tree Save Our Generation Value Our Environment
