1 / 7

Elements and Attributes

Elements and Attributes. XHTML Elements. The <head> element contains special information that does not necessarily show up on the web page. <head> </head> <title> </title> <body> </body>. The <title> element determines what text will display in the title bar of the web browser.

nolen
Download Presentation

Elements and Attributes

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Elements and Attributes

  2. XHTML Elements The <head> element contains special information that does not necessarily show up on the web page. • <head> </head> • <title> </title> • <body> </body> The <title> element determines what text will display in the title bar of the web browser. The <body> element is where all the "content" of your web page goes. Most elements have a start tag (such as <head>) and an end tag, which is the same as the start tag, but with an additional "/" character (such as </head>).

  3. XHTML Line Break Elements The paragraph tag creates a line break with a blank line above and below the text. • <p>text</p> • <br /> The break tag creates a line break without any blank lines at all. Some elements do not have a separate close tag. <br> is one example. In these cases, the forward slash is placed at the end of the tag itself, and these tags are known as self-closing.

  4. The Horizontal Rule Element: <p> It takes a pretty big dog to weigh a ton. </p> <hr /> Horizontal Rule Element The <hr> element is another self-closing tag. With no attributes specified, it will draw a horizontal line across the page. It takes a pretty big dog to weigh a ton. _____________________________________________________________

  5. Adding an attribute to an element: <p> It takes a pretty big dog to weigh a ton. </p> <hr width="80%" /> Attributes give more information about elements. In this example, <hr> is an element and width is an attribute specifying how the element should be displayed. The "80%" is the value of the attribute. Attribute names must be in lowercase and values must be enclosed in quotes. It takes a pretty big dog to weigh a ton. __________________________________________________

  6. XHTML Heading and Sub-headings: Heading Sub-heading <h1>Heading</h1> <h2>Sub-heading</h2> <h3>Sub-sub-heading</h3> <h4>Etc.</h4> <h5>Etc.</h5> <h6>Etc.</h6> Sub-sub-heading Etc. Etc. Etc. Heading and sub-heading elements provide structure to a web page. The <h1> tag indicates the most important heading and should be used no more than once per page. All heading and sub-heading tags add blank lines before and after the text, just like the <p> tag. Always remember that the primary role of XHTML tags is to define and organize the content, not to format it. Headings are used to define the relative importance of content, i.e. <h1> is more important than <h3>.

  7. XHTML List Elements: Unordered List (bullet points) • <ol> • <ul> Ordered List (numbers or letters) • <li> List Item (within <ul> or <ol>) <ul> <li>list item 1</li> <li>list item 2</li> <li>list item 3</li> </ul> • list item 1 • list item 2 • list item 3 <ol> <li>list item 1</li> <li>list item 2</li> <li>list item 3</li> </ol> 1. list item 1 2. list item 2 3. list item 3

More Related