< !DOCTYPE HTML> ____ ____ ____ webpage Example ____ ____ ____ The contents of the webpage appear here ____ ____ <!DOCTYPE html> <html> <head> <title> headings paragraphs images </title> </head> <body> ____ This is a Heading in style Heading 1 ____ ____ My first paragraph in a webpage to understand how text appears in a webpage. ____ This line will appear on the next line in the paragraph ____ <img ____= "tigerpic.jpg" ____= "image of a tiger" > </body> </html> <html> <head> <title> Table layout for 2 rows 2 columns </title> </head> <body> <____> <Tr> ____ cell a1 </Td> <Td> cell b1 ____ <____> ____ <Td> ____ </Td> <Td> ____ </Td> </Tr> </Table> </body> </html> <html> <head> <title> Bulleted and numbered lists </title> </head> <body> <h2>Ingredients</h2> ____ ____Milk, Sugar, Coffee</li> <li>Hot water____ ____ <h2>Steps</h2> ____ <li>Put sugar and coffee in a cup</li> <li>Add hot water</li> <li>Whip up a good cup of hot coffee</li> ____ </body> </html> <!DOCTYPE html> <html> <head> <title> STYLE ATTRIBUTES </title> </head> <body> <h1 style ____ ____ color ____ blue ____ text-align : center " ____ This Heading appears centered in Blue color </h1> </body> </html> <head> ____ comment : example of Internal Style ____ ____ h1 { color : ____00FF00 ____ p ____ font-family ____ Arial, Helvetica , Sans Serif ____ margin-left: ____ } ____ </head> <body> <h2 ____ " color : red ; margin-left:142px ____ > Today’s Update </h2> <p style = "background-color : crimson ; color: #f1f1f1 ; font-weight: bold " > Hello Campers... </p> </body>

HTML code

Afdrukken
Embedden

Scorebord

Visuele stijl

Opties

Template wisselen

Automatisch opgeslagen activiteit "" herstellen?