SlideShare a Scribd company logo

Html

•Download as PPT, PDF•
•
mussawir20
mussawir20

The document discusses several HTML tags: <iframe>, <span>, <div>, <frame>, and <frameset>. It provides definitions and examples of how each tag is used, as well as common attributes. Key tags covered are <iframe> for embedding other HTML documents, <span> for grouping inline elements, and <div> for defining document sections. <frame> and <frameset> are used to organize multiple windows or frames in a document.

Related slideshows

Html Ppt
Html PptHtml Ppt
Html Ppt
 
Html ppt
Html pptHtml ppt
Html ppt
 
Web publishing and XHTML
Web publishing and XHTMLWeb publishing and XHTML
Web publishing and XHTML
 
1 of 24
HTML 4.01 Mohd Ridza bin Mohd Zainuri Syah Ali Reza bin Yaacob Ahmad Affendi bin Hashim Muhammad Nur bin Ismail
HTML Is the predominant markup language for web pages. HTML can also describe, to some degree, the appearance and semantics of a document, and can include embedded scripting language code which can affect the behavior of web browsers and other HTML processors.
<IFrame> Tag
Definition and Usage HTML element which makes it possible to embed another HTML document inside the main document Example : <iframe  src =&quot;/default.html&quot; width=15% height=15%> </iframe> <html> <body bgcolor=&quot;blue&quot;> </body> </html> Output Source
IFrame Standard Attributes Standard attributes such as : id – A unique id for the element class - The class of the element title – A text to display in a tool tip style - An inline style definition
IFrame Optional Attributes Align - how to align the iframe according to the surrounding text Frameborder – display a frame border or not Height – Defines the height of the iframe Longdesc - A URL to a long description of the frame contents Marginheight - Defines the top and bottom margins of the iframe Marginwidht - Defines the left and right margins of the iframe
IFrame Optional Attributes (Cont…) Name – Specifies a unique name of the iframe Scrolling – Define scroll bars Src – The URL of the document to show in the iframe Width - Defines the width of the iframe
<span> Tag
Definition and Usage The <span> tag is used to group inline-elements in a document.
Example This is a paragraph This is a paragraph This is a paragraph This is another paragraph <p>This is a paragraph <span style=&quot;color:#0000FF;&quot;>This is a paragraph</span> This is a paragraph</p> <p> <span style=&quot;color:#FF000;&quot;> This is another paragraph </span> </p> Output Source
Example Output
Standard Attributes Id - A unique id for the element Class - The class of the element Title - A text to display in a tool tip Style - An inline style definition Dir - Sets the text direction Lang - Sets the language code
Event Attributes Mouse Event Onclick - What to do on a mouse click Ondblclick - What to do on a mouse doubleclick Onmousedown - What to do when mouse button is pressed Onmouseup - What to do when mouse button is released Onmouseover - What to do when mouse pointer moves over an element Onmousemove - What to do when mouse pointer moves Onmouseout - What to do when mouse pointer moves out of an element Keyboard Event Onkeypress - What to do when key is pressed and released Onkeydown - What to do when key is pressed onkeyup - What to do when key is released
<div> Tag
<div> Tag <div> tag is used for defining a division/section in a HTML document. ABC123 <div style=&quot;color: green;&quot;> <h4>This is a header in a div section</h4><p>TEST</p> </div> Output Syntax
<div> attributes <div> tags can attach several attributes for formatting the text. Standard attributes such as: id, class, title, style, dir, align. Event attributes such as: onclick, onmouseover, onkeypress.
Example ABC123 <div style=&quot;color: blue;“ align=&quot;center&quot;> <h2>TTT</h2> <p>TEST</p> </div>
Screenshot
<frame>, <frameset> Tag
Definition <frame> Defines a sub window (a frame). 
Definition <frameset> Used to organize multiple windows (frames). Each frame holds a separate document.
Example of Codes <html> <frameset cols = &quot;25%, 25%,*&quot;>   <frame src =&quot;venus.htm&quot; />   <frame src =&quot;sun.htm&quot; />   <frame src =&quot;mercur.htm&quot; />  </frameset> </html>
Attributes - <frame>
Attributes - <frameset>

More Related Content

Html

  • 1. HTML 4.01 Mohd Ridza bin Mohd Zainuri Syah Ali Reza bin Yaacob Ahmad Affendi bin Hashim Muhammad Nur bin Ismail
  • 2. HTML Is the predominant markup language for web pages. HTML can also describe, to some degree, the appearance and semantics of a document, and can include embedded scripting language code which can affect the behavior of web browsers and other HTML processors.
  • 4. Definition and Usage HTML element which makes it possible to embed another HTML document inside the main document Example : <iframe  src =&quot;/default.html&quot; width=15% height=15%> </iframe> <html> <body bgcolor=&quot;blue&quot;> </body> </html> Output Source
  • 5. IFrame Standard Attributes Standard attributes such as : id – A unique id for the element class - The class of the element title – A text to display in a tool tip style - An inline style definition
  • 6. IFrame Optional Attributes Align - how to align the iframe according to the surrounding text Frameborder – display a frame border or not Height – Defines the height of the iframe Longdesc - A URL to a long description of the frame contents Marginheight - Defines the top and bottom margins of the iframe Marginwidht - Defines the left and right margins of the iframe
  • 7. IFrame Optional Attributes (Cont…) Name – Specifies a unique name of the iframe Scrolling – Define scroll bars Src – The URL of the document to show in the iframe Width - Defines the width of the iframe
  • 9. Definition and Usage The <span> tag is used to group inline-elements in a document.
  • 10. Example This is a paragraph This is a paragraph This is a paragraph This is another paragraph <p>This is a paragraph <span style=&quot;color:#0000FF;&quot;>This is a paragraph</span> This is a paragraph</p> <p> <span style=&quot;color:#FF000;&quot;> This is another paragraph </span> </p> Output Source
  • 12. Standard Attributes Id - A unique id for the element Class - The class of the element Title - A text to display in a tool tip Style - An inline style definition Dir - Sets the text direction Lang - Sets the language code
  • 13. Event Attributes Mouse Event Onclick - What to do on a mouse click Ondblclick - What to do on a mouse doubleclick Onmousedown - What to do when mouse button is pressed Onmouseup - What to do when mouse button is released Onmouseover - What to do when mouse pointer moves over an element Onmousemove - What to do when mouse pointer moves Onmouseout - What to do when mouse pointer moves out of an element Keyboard Event Onkeypress - What to do when key is pressed and released Onkeydown - What to do when key is pressed onkeyup - What to do when key is released
  • 15. <div> Tag <div> tag is used for defining a division/section in a HTML document. ABC123 <div style=&quot;color: green;&quot;> <h4>This is a header in a div section</h4><p>TEST</p> </div> Output Syntax
  • 16. <div> attributes <div> tags can attach several attributes for formatting the text. Standard attributes such as: id, class, title, style, dir, align. Event attributes such as: onclick, onmouseover, onkeypress.
  • 17. Example ABC123 <div style=&quot;color: blue;“ align=&quot;center&quot;> <h2>TTT</h2> <p>TEST</p> </div>
  • 20. Definition <frame> Defines a sub window (a frame). 
  • 21. Definition <frameset> Used to organize multiple windows (frames). Each frame holds a separate document.
  • 22. Example of Codes <html> <frameset cols = &quot;25%, 25%,*&quot;>   <frame src =&quot;venus.htm&quot; />   <frame src =&quot;sun.htm&quot; />   <frame src =&quot;mercur.htm&quot; />  </frameset> </html>