1 / 15

How to make a html

How to make a html. When you make a html you need to have note pad and internet access. How. All you have to do is go to www.quackit.com then go to the left side of the screen and click on html codes. What you can learn. Scroll Box Codes Comment Box Codes HTML Links Font/Text Codes

ryder
Download Presentation

How to make a html

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. How to make a html When you make a html you need to have note pad and internet access.

  2. How • All you have to do is go to www.quackit.com then go to the left side of the screen and click on html codes.

  3. What you can learn • Scroll Box Codes • Comment Box Codes • HTML Links • Font/Text Codes • Background Codes • Window Codes • Music/Video Codes • Image Codes • Marquee Codes • Forms • Color Codes • Frames

  4. Scroll box codes • <div style="height:120px;width:250px;font:16px/26px Georgia, Garamond, Serif;overflow:scroll;"> is all you have to type to get a scroll box

  5. Comment box code • All you have to do is type this <form action="/html/tags/html_form_tag_action.cfm" method="post"> • Comments:<br /> • <textarea name="comments" id="comments"> then type what you want to say and it has to be exact

  6. Html links • This is an example of something you can type for an html code <a href="http://www.pog.com">Awesome games here</a>

  7. Font/Text Codes • Here is an example of this <p style="color:olive;">This CSS text color is olive</p>

  8. Background color codes • All you have to do is type this <bg color=blue>

  9. Window Codes • A wonderful example of some thing to type is this <a href="JavaScript:window.close()">Close</a>

  10. Music/Video Codes • Here is a great example of a music codes, <a href="/web_design/lostmojo.wav">Lost Mojo</a> • Here is a perfect example of a video code is <a href="http://mediaservices.myspace.com/services/media/embed.aspx/m=5385825">Watch this video</a>

  11. Image Codes • Right here is an example of a image code <img src="http://www.quackit.com/pix/milford_sound/milford_sound_t.jpg" width="225" height="151" alt="Milford Sound in New Zealand" />

  12. Marquee Codes • Here is a great marquee code <marquee behavior="scroll" direction="left" scrollamount="1">Slow scroll speed</marquee> <marquee behavior="scroll" direction="left" scrollamount="10">Medium scroll speed</marquee> <marquee behavior="scroll" direction="left" scrollamount="20">Fast scroll speed</marquee> <p><a href="http://www.quackit.com/html/codes/html_marquee_code.cfm">Marquees</a></p>

  13. Forms • Here is a terrific code for htmls <form action="/html/tags/html_form_tag_action.cfm" method="get"> <table> <tr> <td>First name:</td> <td> <input type="text" name="first_name" value="" maxlength="100" /> </td> </tr> <tr> <td>Lunch:</td> <td> <input type="radio" name="lunch" value="pasta" /> Pasta <input type="radio" name="lunch" value="rissotto" /> Rissotto </td> </tr> <tr><td>Drinks:</td> <td> <input type="checkbox" name="drinks" value="beer" /> Beer <input type="checkbox" name="drinks" value="wine" /> Wine </td> </tr> <tr><td>Preferred City:</td> <td> <select> <option value ="sydney">Sydney</option> <option value ="melbourne">Melbourne</option> <option value ="cromwell">Cromwell</option> <option value ="queenstown">Queenstown</option> </select> </td> </tr> <tr> <td>Comments:</td> <td> <textarea rows="3" cols="20" name="comments"></textarea> </td> </tr> <tr><td> </td> <td> <input type="submit" value="Submit" /> </td> </tr> </table>

  14. Color Codes • Perfect example right here <html> <head><style type="text/css">p { color:black }.different-font-color { color: orange; }</style></head><body><p>Normal font color<span class="different-font-color">different font color</span> normal font color</p></body></html>

  15. Remember • Just remember you have to copy the code exactly.

More Related