Basic XHTML Structure Basic XHTML Structure o Covers

Basic (X)HTML Structure

Basic (X)HTML Structure o Covers the most basic (X)HTML elements o How you want to structure your document o You’ll learn how to create: n n Paragraph Header Page break etc. o Create a clear and consistent STRUCTURE makes it that much easier to apply styles to your document

Starting Your Web Page o DOCTYPE n To declare what type of HTML or XHTML you’re using n For documentation n The Web’s United Nations is an organization called the World Wide Web Consortium (www. w 3 c. org), a. k. a W 3 C aim to convince the Web community of the importance of universality of developing web pages.

<!DOCTYPE html PUBLIC”-//W 3 C//DTD XHTML 4. 01 Transitional//EN” “http: //www. w 3. org/TR/xhtml 1/DTD/xhtml 1 -transitional. dtd”> <html xmlns=“http: //www. w 3. org/1999/xhtml”> <head> <meta http-equiv=“content-type” content=“text/html; charset=utf-8” /> <title> Web Technology </title> </head> <body> ………………. . </body> </html> To declare that you’re using transitional HTML 4. 01 in your web page.

Creating Section Headers o (X)HTML provides up to 6 levels of headers in your Web page <body> <h 1> Internet Programming</h 1> <h 2> Internet Programming</h 2> <h 3> Internet Programming</h 3> <h 4> Internet Programming</h 4> <h 5> Internet Programming</h 5> <h 6> Internet Programming</h 6> </body>

Starting New Paragraph o <p> …… </p> <body> <h 1> Internet Programming</h 1> <h 2> Synopsis</h 2> <p>This course will cover fundamental of Web application site implementation by using XHTML and ASP. NET</p> <h 2> Learning Outcome</h 2> <p>Students should be able to cope with the basic idea of web based programming using basic XHTML as well as ASP. NET environment</p> </body>

<div id=“dsns 4”> <h 1> Internet Programming</h 1> <div class=“works”> Breaking up a Page into Divisions allows you to apply styles to an entire chunk of your page at once – useful for designing layouts with CSS. <h 2> Synopsis</h 2> <p>This course will cover fundamental of Web application site implementation by using XHTML and ASP. NET</p> </div> <div class=“works”> <h 2> Learning Outcome</h 2> <p>Students should be able to cope with the basic idea of web based programming using basic XHTML as well as ASP. NET environment</p> </div>

Creating Inline Spans <body> <div id=“dsns 4”> <h 1> Internet Programming</h 1> You can name smaller chunk or spans to identify them and apply style on them. <p>This course will cover fundamental of Web application site implementation by using <span class=“emph”>XHTML </span> and ASP. NET</p> </div> <div class=“works”> <h 2> Learning Outcome</h 2> <p>Students should be able to cope with the basic idea of web based programming using basic <span class=“emph”>XHTML </span> as well as ASP. NET environment</p> </div> </body>

Creating a Line Break = new line <body> <div id=“toc”>Internet Programming Synopsis Learning Outcome</div> <h 1> Internet Programming</h 1> <h 2> Synopsis</h 2> <p>This course will cover fundamental of Web application site implementation by using XHTML and ASP. NET</p> <h 2> Learning Outcome</h 2> <p>Students should be able to cope with the basic idea of web based programming using basic XHTML as well as ASP. NET environment</p> </body>

Labeling Element on a Web Page <body> Tool Tip  <div id=“toc” title=“Table_of_Content”>Internet Programming Synopsis Learning Outcome</div> <h 1> Internet Programming</h 1> <h 2> Synopsis</h 2> <p>This course will cover fundamental of Web application site implementation by using XHTML and ASP. NET</p> <h 2> Learning Outcome</h 2> <p>Students should be able to cope with the basic idea of web based programming using basic XHTML as well as ASP. NET environment</p> </body>

Adding Comments <html><body>  <div id=“toc”>Internet Programming Synopsis Learning Outcome</div> <h 1> Internet Programming</h 1> <h 2> Synopsis</h 2> <p>This course will cover fundamental of Web application site implementation by using XHTML and ASP. NET</p> <h 2> Learning Outcome</h 2> <p>Students should be able to cope with the basic idea of web based programming using basic XHTML as well as ASP. NET environment</p> </body></html>