Html
Upcoming SlideShare
Loading in...5
×
 

Html

on

  • 981 views

Introduction to iframe span div and frameset

Introduction to iframe span div and frameset

Statistics

Views

Total Views
981
Views on SlideShare
981
Embed Views
0

Actions

Likes
0
Downloads
16
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Html Html Presentation Transcript

  • 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>