Scribd Logo
Upload

Welcome to Scribd!

  • Poem Problems

    Uploaded by

    Jan Lardz
    25 views5 pages
    The document provides examples of different HTML tags and their usage including: 1) Various text formatting tags like <b>, <i>, <em> etc. 2) Lists in different formats like numbered, lettered, and bullet points. 3) Adding background colors and images to tables and table cells. 4) Examples of HTML layout using <div> tags and CSS styles. 5) Different form elements like text fields, password, radio buttons and checkboxes.

    Original Description:

    Basic HTML syntax and examples.

    Original Title

    HTML SAMPLES.doc

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Available Formats

    DOC, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    The document provides examples of different HTML tags and their usage including: 1) Various text formatting tags like <b>, <i>, <em> etc. 2) Lists in different formats like numbered, lettered, and bullet points. 3) Adding background colors and images to tables and table cells. 4) Examples of HTML layout using <div> tags and CSS styles. 5) Different form elements like text fields, password, radio buttons and checkboxes.

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as DOC, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    25 views5 pages

    Poem Problems

    Uploaded by

    Jan Lardz
    The document provides examples of different HTML tags and their usage including: 1) Various text formatting tags like <b>, <i>, <em> etc. 2) Lists in different formats like numbered, lettered, and bullet points. 3) Adding background colors and images to tables and table cells. 4) Examples of HTML layout using <div> tags and CSS styles. 5) Different form elements like text fields, password, radio buttons and checkboxes.

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as DOC, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 5

    POEM PROBLEMS <html> <body> <p> My Bonnie lies over the ocean. My Bonnie lies over the sea.

    My Bonnie lies over the ocean. Oh, bring back my Bonnie to me. </p> <hr> <p>Note that your browser simply ignores your ormatting!</p> </body> </html> HIDDEN COMMENTS <html> <body> <!""#his comment will not be displayed""> <p>#his is a regular paragraph</p> </body> </html> BACKGROUND COLORS <html> <body bgcolor$%yellow%> <h&>'ook( )olored Background!</h&> </body> </html> TEXT FORMATTING <html> <body> <b>#his te*t is bold</b> <br> <strong> #his te*t is strong </strong> <br> <big> #his te*t is big </big> <br> <em> #his te*t is emphasi+ed </em> <br> <i> #his te*t is italic </i> <br>

    <small> #his te*t is small </small> <br> #his te*t contains <sub> subscript </sub> <br> #his te*t contains <sup> superscript </sup> </body> </html> PREFORMATTED TEXT <html> <body> <pre> #his is pre ormatted te*t. ,t preserves both spaces and line breaks. </pre> <p>#he pre tag is good or displaying computer code(</p> <pre> or i $ - to -. print i ne*t i </pre> </body> </html> TEXT DIRECTION <html> <body> <p>, your browser supports bi"directional override /bdo0, the ne*t line will be written rom the right to the le t /rtl0(</p> <bdo dir$%rtl%> 1ere is some 1ebrew te*t </bdo></body></html> DELETED AND INSERTED TEXT <html> <body> <p> a do+en is <del>twenty</del> <ins>twelve</ins> pieces

    </p> <p> Most browsers will overstrike deleted te*t and underline inserted te*t. </p> <p> 2ome older browsers will display deleted or inserted te*t as plain te*t. </p>

    </ ont> </p> <p> < ont si+e$%<% ace$%#imes%> #his is another paragraph. </ ont> </p> <html> <body> <h- style$% ont" amily(verdana%>= heading</h-> <p style$% ont" amily(courier%>= paragraph</p> </body> </html> <html> <body> <h- style$% ont"si+e(->.7%>= heading</h-> <p style$% ont"si+e(?.7%>= paragraph</p> </body> </html> FONT COLOR <html> <body> <h- style$%color(blue%>= heading</h-> <p style$%color(red%>= paragraph</p> </body> </html> <p style$% ont" amily(verdana@ ont" si+e(?.7@color(green%> DIFFERENT TYPES OF ORDERED LISTS <html> <body> <hA>Numbered list(</hA> <ol> <li>=pples</li> <li>Bananas</li> <li>'emons</li> <li>Oranges</li> </ol> <hA>'etters list(</hA> <ol type$%=%> <li>=pples</li> <li>Bananas</li> <li>'emons</li> <li>Oranges</li> </ol> <hA>'owercase letters list(</hA> <ol type$%a%> <li>=pples</li> <li>Bananas</li>

    </body> </html> COMPLICATED MAILTO LINK <html> <body> <p> #his is another mailto link( <a hre $%mailto(someone3yahoo.com4 cc$someoneelse3yahoo.com5bcc$andsomeoneelse&3 yahoo.com5sub6ect$2ummer7&.8arty5body$9ou 7&.are7&.invited7&.to7&.a7&.big7&.summer 7&.party!%>2end mail!</a> </p> <p> <b>Note(</b> 2paces between words should be replaced by 7&. to <b>ensure</b> that the browser will display your te*t properly. </p> </body> </html> BAD BACKGROUND AND TEXT COLOR <html> <body bgcolor$%: % te*t$%yellow%> <body bgcolor$%:......%> <body bgcolor$%rgb/.,.,.0%> <body bgcolor$%black%> <body background$%background.6pg%>

    FONTS <p> < ont si+e$%&% ace$%;erdana%> #his is a paragraph.

    <li>'emons</li> <li>Oranges</li> </ol> <hA>Boman numbers list(</hA> <ol type$%,%> <li>=pples</li> <li>Bananas</li> <li>'emons</li> <li>Oranges</li> </ol> <hA>'owercase Boman numbers list(</hA> <ol type$%i%> <li>=pples</li> <li>Bananas</li> <li>'emons</li> <li>Oranges</li> </ol> </body> </html> DIFFERENT TYPES OF UNORDERED LISTS <html> <body> <hA>Cisc bullets list(</hA> <ul type$%disc%> </ul> <hA>)ircle bullets list(</hA> <ul type$%circle%> </ul> <hA>2Duare bullets list(</hA> <ul type$%sDuare%> </ul> </body> </html> BACKGROUND IMAGE TO A TABLE <html> <body> <hA>= background color(</hA> <table border$%-% bgcolor$%red%> <tr> <td>Eirst</td> <td>Bow</td> </tr> <tr> <td>2econd</td> <td>Bow</td> </tr> </table>

    <hA>= background image(</hA> <table border$%-% background$%bgdesert.6pg%> <tr> <td>Eirst</td> <td>Bow</td> </tr> <tr> <td>2econd</td> <td>Bow</td> </tr> </table>

    </body> </html> BACKGROUND IMAGE TO A TABLE CELL <html> <body> <hA>)ell backgrounds(</hA> <table border$%-%> <tr> <td bgcolor$%red%>Eirst</td> <td>Bow</td> </tr> <tr> <td background$%bgdesert.6pg%> 2econd</td> <td>Bow</td> </tr> </table> </body> </html>

    HTML Hyperlinks

    </body> </html>

    <a hre $%url%>Link text</a> F*. <html> <body>


    <a hre $Ghttps(// b.com/G>EB 'ink</a> </body> </html> HTML IMAGES
    <html> <body> <img src="url" alt="some_text"> </html> </body>

    HTML LAYOUT /9ou can combine all the e*amples below0 <!CO)#98F html> <html> <body> <div id$%container% style$%width(-.?.p*%> <div id$%header% style$%background"color( :A=EEB>@%> <h- style$%margin"bottom(.@%>Main #itle </h-> </div> </body> </html> <!CO)#98F html>

    1#M' ,mages " 1eight and Hidth o an ,mage


    <html> <body> <img src="ironmadz.gif" alt="Madz Pogi" width="42" height="42"> </body> </html>

    <html> <body> <div id$%menu% style$%background" color(:))..<<@opacity( ..I@ height(J..p*@ width(&..p*@ loat(le t@%> <b>Menu</b><br> 1#M'<br> )22 <br> Kava2cript<br> KLuery<br> 818<br> </div> </body> </html> <!CO)#98F html> <html> <body>
    <di" id="content" style="bac#gro$nd% color&#FF0066'height&())*+'width&,)) *+'float&left'"> -ome te+t here.</di">

    TABLE He!"er !n" T!#le r$% !n" &$l'(n


    <html> <body> <table border="1"> <tr> <th> eader 1</th> <th> eader 2</th> </tr> <tr> <td>row 1! cell 1 </td> <td>row 1! cell 2</td> </tr> <tr> <td>row 2! cell 1</td> <td>row 2! cell 2</td> </tr> </table>

    <di" id="footer" style="bac#gro$nd% color& :A=EEB>'clear&both'te+t% align&center'"> .o*yright / 0,-chools.com</di"> </di">

    have a car </form>

    </body> </html>

    HTML iFr!(es <!CO)#98F html> <html> <body> <i rame src$%demoMi rame.htm% width$%&..% height$%&..%></i rame> <p>2ome older browsers donNt support i rames.</p> <p>, they donNt, the i rame will not be visible.</p> </body> </html> COLORS See )**p,--%%%.%/s&)$$ls.&$(-)*(l-)*(l0 &$l$rs.!sp )**p,--%%%.%/s&)$$ls.&$(-*!1s-re20&$l$rpi& ker.!sp )**p,--%%%.%/s&)$$ls.&$(-*!1s-re20&$l$r(i+ er.!sp
    TAG LIST 2ee

    HTML F$r(s T)e Inp'* Ele(en* <!CO)#98F html> <html> <body>


    < orm> Eirst name( <input type$%te*t% name$% irstname%><br> 'ast name( <input type$%te*t% name$%lastname%> </ orm>

    </body> </html> P!ss%$r" Fiel"

    <form> Password: <input type="password" name="pwd"> </form>

    R!"i$ B'**$ns
    <form> <input type="radio" name="sex" value="male">Male<br> <input type="radio" name="sex" value="female">Female </form>

    http(//www.w<schools.com/tags/de ault.asp

    C)e&k#$+es
    <form> <input type="chec box" name="vehicle" value="!i e">" have a bi e<br> <input type="chec box" name="vehicle" value="#ar">"

    You might also like