ºÝºÝߣ

ºÝºÝߣShare a Scribd company logo

Html

?Download as PPTX, PDF?
?
R
Ranjeeth Vemunuri

The document discusses the basic syntax and structure of HTML documents. It explains that HTML documents begin with a DOCTYPE declaration and consist of elements, attributes, and comments. Elements contain the content and are delineated by start and end tags. Attributes provide additional information about elements and have a name and value. Comments are text enclosed by special comment tags that are not displayed in web browsers. The document provides examples of basic HTML code structure and common page elements like headings, forms, links and copyright notices.

1 of 22
Download to read offline
Public
The syntax 1. The DOCTYPE 2. Elements 3. Attributes 4. Comments Public
The DOCTYPE <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> ? Required header ? Leftover from SGML ? Doesn¡¯t really serve any purpose Public
? Elements ? <element> ... </element> ? Start tag Content End tag Public
? Elements ? <strong>Error!</strong> Public
Attributes <element attribute=¡±value¡±> Name Value Public
Comments <!-- comment --> Start Comment End Public
Example Public
Public
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <!-- ... --> </html> Public
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Google</title> </head> <body> <!-- Only code in <body> will be displayed on screen. --> </body> </html> Public
Public
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Google</title> </head> <body> <h1><img src=/slideshow/html-52678695/52678695/"logo.png" alt="Google"></h1> <!-- Search form --> <!-- Navigation --> <!-- Copyright notice --> </body> </html> Public
Public
<body> <h1><img src=/slideshow/html-52678695/52678695/"logo.png" alt="Google"></h1> <form> <p><input name="query"></p> </form> </body> Public
<body> <h1><img src=/slideshow/html-52678695/52678695/"logo.png" alt="Google"></h1> <form> <p><input name="query"></p> <ul> <li><a href="advanced.html">Advanced Search</a></li> <li><a href="tools.html">Language Tools</a></li> </ul> </form> </body> Public
<body> <h1><img src=/slideshow/html-52678695/52678695/"logo.png" alt="Google"></h1> <form> <p><input name="query"></p> <ul> <li><a href="advanced.html">Advanced Search</a></li> <li><a href="tools.html">Language Tools</a></li> </ul> <p> <button name="zoekuhh">Google Search</button> <button name="gokkuuh">I'm Feeling Lucky</button> </p> </form> </body> Public
Public
<body> <!-- Logo + search form --> <ul> <li><a href="ads.html">Advertising Programs</a></li> <li><a href="solutions.html">Business Solutions</a></li> <li><a href="about.html">About Google</a></li> <li><strong><a href="http://google.nl/">Go to Google Nederland</a></strong></li> </ul> </body> Public
<body> <!-- Logo + search form --> <ul> <li><a href="ads.html">Advertising Programs</a></li> <li><a href="solutions.html">Business Solutions</a></li> <li><a href="about.html">About Google</a></li> <li><strong><a href="http://google.nl/">Go to Google Nederland</a></strong></li> </ul> <p>?2009 - <a href="privacy.html">Privacy</a></p> </body> Public
Test Public
Public

More Related Content

Html