Vous êtes sur la page 1sur 12

Basic (X)HTML Structure

Basic (X)HTML Structure


Covers the most basic (X)HTML elements How you want to structure your document Youll learn how to create:
Paragraph Header Page break etc.

Create a clear and consistent STRUCTURE makes it that much easier to apply styles to your document

Starting Your Web Page


DOCTYPE
To declare what type of HTML or XHTML youre using For documentation The Webs United Nations is an organization called the World Wide Web Consortium (www.w3c.org), a.k.a W3C aim to convince the Web community of the importance of universality of developing web pages.

<!DOCTYPE html PUBLIC-//W3C//DTD XHTML 4.01 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd> <html xmlns=http://www.w3.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 youre using transitional HTML 4.01 in your web page.

Creating Section Headers


(X)HTML provides up to 6 levels of headers in your Web page
<body> <h1> Internet Programming</h1> <h2> Internet Programming</h2> <h3> Internet Programming</h3> <h4> Internet Programming</h4> <h5> Internet Programming</h5> <h6> Internet Programming</h6> </body>

Starting New Paragraph


<p> </p>
<body> <h1> Internet Programming</h1> <h2> Synopsis</h2> <p>This course will cover fundamental of Web application site implementation by using XHTML and ASP.NET</p> <h2> Learning Outcome</h2> <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=dsns4> <h1> Internet Programming</h1> <div class=works> <h2> Synopsis</h2> <p>This course will cover fundamental of Web application site implementation by using XHTML and ASP.NET</p> </div> <div class=works> <h2> Learning Outcome</h2> 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.

<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> </div>

Creating Inline Spans


<body>
<div id=dsns4> <h1> Internet Programming</h1> 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> <h2> Learning Outcome</h2> <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<br />Synopsis<br />Learning Outcome</div> <h1> Internet Programming</h1> <h2> Synopsis</h2>

<p>This course will cover fundamental of Web application site implementation by using XHTML and ASP.NET</p>
<h2> Learning Outcome</h2>

<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> <!--Here is the table of contents.--> <div id=toc title=Table_of_Content>Internet Programming <br />Synopsis<br />Learning Outcome</div> <h1> Internet Programming</h1> <h2> Synopsis</h2> <p>This course will cover fundamental of Web application site implementation by using XHTML and ASP.NET</p> <h2> Learning Outcome</h2> <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> Tool Tip

Adding Comments
<body> <!--Here is the table of contents.--> <div id=toc>Internet Programming<br />Synopsis<br />Learning Outcome</div> <h1> Internet Programming</h1> <h2> Synopsis</h2> <p>This course will cover fundamental of Web application site implementation by using XHTML and ASP.NET</p> <h2> Learning Outcome</h2> <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>

thank you

Vous aimerez peut-être aussi