X

Download Attributes Lists Tables Links and Images PowerPoint Presentation

SlidesFinder-Advertising-Design.jpg

Login   OR  Register
X


Iframe embed code :



Presentation url :

Home / Computers & Web / Computers & Web Presentations / Attributes Lists Tables Links and Images PowerPoint Presentation

Attributes Lists Tables Links and Images PowerPoint Presentation

Ppt Presentation Embed Code   Zoom Ppt Presentation

PowerPoint is the world's most popular presentation software which can let you create professional Attributes Lists Tables Links and Images powerpoint presentation easily and in no time. This helps you give your presentation on Attributes Lists Tables Links and Images in a conference, a school lecture, a business proposal, in a webinar and business and professional representations.

The uploader spent his/her valuable time to create this Attributes Lists Tables Links and Images powerpoint presentation slides, to share his/her useful content with the world. This ppt presentation uploaded by quicker in Computers & Web ppt presentation category is available for free download,and can be used according to your industries like finance, marketing, education, health and many more.

About This Presentation

Attributes Lists Tables Links and Images Presentation Transcript

Slide 1 - CS134 Web Design & Development Attributes, Lists, Tables, Links, and Images Mehmud Abliz
Slide 2 - Block-Level vs. Inline Elements This works

Bold and italic

How about this

Bold and italic

Block-level element/tag define a complete section or block of text Can contain inline element and block-level element Inline elements Define the structure of a sequence of characters within a line may not contain a block-level element may be used within a block
Slide 3 - Block-Level vs. Inline Elements Partial list of block-level tags p, blockquote, h1 … h6, div, ul, ol, li, table, tr, td, th Partial list of inline tags a (anchor tag), em, strong, img, q (short quotation)
Slide 4 - Attribute An attribute is a special code that can enhance or modify a tag. They are generally located in the starting tag after the tag name. Basic syntax for xhtml tags and attributes    All tags must be lower case all values of attributes need to be surrounded by quotes
Slide 5 - Common Attributes id unique identifier for elements class the class of the element, used to specify similar attributes for dissimilar elements by putting them in the same class style an inline style definition title a text to display in a tool tip
Slide 6 - Common Attributes Examples 1

Assuming style sheet contains .indent { margin-right: 5%; margin-left: 5%;} Example 2

Slide 7 - Common Attributes lang sets the language code; “en”: English, “fr”: French, “es”: Spanish, “de”: German etc. dir sets the text direction, left to right or right to left

bonjour!

accesskey assigns an access key to an element. An access key is a single character from the document character set. tabindex Sets the tab order of an element
Slide 8 - Deprecated Attributes In order to separate structure from presentation many HTML attributes/tags used for presentation were deprecated, starting from HTML version 4 Some deprecated attributes font, Text align,

Centered text

bgcolor, width, height, etc.
Slide 9 - Lists Ordered lists & Unordered lists
    for ordered
      for unordered
    • for each item inside the list Browser inserts a blank line before & after the list (block-level element) Example
      1. Item 1
      2. Item 2
      3. Item3
Slide 10 - Lists Nested lists
  • Top Level, Item 1
  • Top Level, Item 2
    • Sublevel 1, Item 1
      • Sublevel 2, Item 1
      • Sublevel 2, Item 2
    • Sublevel 1, Item 2
  • Top Level, Item 3
Slide 11 - Customizing List Display List numbers or marks can be customized “type” attribute Example
            “type” attribute is not allowed in XHTML 1.0 Strict, so use style sheets instead
Slide 12 - Definition Lists
for list element;
for “definition terms”;
for “definition data” Example
CPU
Central Processing Unit
ALU
Arithmetic Logic Unit
GHz
Gigahertz
Slide 13 - Tables Tables used not only for displaying data in tabular format A table (
) in HTML Consists of rows () Each row consists of rectangular boxes called cells (
)
R1,Cell1R1,Cell2
R2,Cell1R2,Cell2
Slide 14 - Tables By default Text in each cell is automatically aligned to the left All the cells in a column have the same width Width of the column is determined by the cell with the most text in it for “table header”
Header1 Header2
Slide 15 - Tables Other attributes of align, cellpadding, cellspacing, colspan Yet XHTML 1.0 Strict don’t allow this attributes, so use stylesheet instead Other tags , ,
Slide 16 - Links The true power of WWW comes with hyperlinks Surfer click on a specially marked word or image on a web page and automatically be jumped to another web page or another place in the same web page. Another web page – External link Another place – Internal link Use (anchor) tag to create a link
Slide 17 - Links External Links Text/image Create a link to CS web page CS Department at Pitt Be careful about the quotation mark Internal Links Create a place/anchor or Link to the anchor Go to some place
Slide 18 - Links Combining External and Internal Links Link Text
Slide 19 - Images Insert an image using tag Image can an image on a remote machine on the Internet, or an image in your local machine. Examples,
Slide 20 - Images Alternative Text for images “Alternative Example Lake Karakul width & height attributes Lake Karakul Use style sheet instead of attributes, even though XHTML 1.0 Strict supports these two attributes