Html
- Html Overview
- All You Need
Html Overview
Here is everything you need to know to format a simple page.
If you want more, go to google.com and search for html.
- You put html tags around text to format that text.
Html tags looks like this:
<tag>text</tag>
Always use both the start and end tags or weird things will happen.
The end tag is the same as the start tag but begins with a slash (/).
Some tags you use by themselves without an end tag.
Some tags can include other tags.
- People use different web browsers. What looks one way to you will look
different to someone else. Use html tags to get your page to look OK.
Do not try to get your page to look perfect. Even if you succeed for yourself,
others will see something different. Use html formatting only to describe
the parts of your page, not to format the look exactly.
- See the next section All You Need for the set of about 10 tags
that can get you through any simple page.
Try it and see what happens.
All You Need| Bold | <b>text</b> | | | Break | <br> | | | Break and space | <br><br> | | | Center | <center>text</center> | | | Font | <font color=#009900 size=4>text</font> | Colors are 00 to ff for red,green,blue Sizes 1 to 7 | | Heading | <h1>text</h1> | Can specify h1 to h6 | | Horizontal rule | <hr> | | | List bulletted | <ul>
<li>text</li>
<li>text</li>
</ul> | Use ol for numbered lists | | List item spaced | <li>text <br><br></li> | Use br before end tag to space items | | Paragraph | <p>text</p> | | | Styles | <style type="text/css"> h1 {color:#882231; font-size:24pt;} h2 {color:#41EF62;} p {color:#000000;}
</style> | Sometimes more convenient than font to set color and font size |
Examples
You can copy and paste the html into your event
and change the information to your needs.
Example 1
<center>
<h2>Weekend Retreat</h2>
</center>
<p><b>Who</b>: Jewish young adults</p>
<p><b>When</b>: Friday, May 2 to Sunday, May 4, 2003</p>
<p><b>Where</b>: Queen Conch Marina and Resort, Bimini, Bahamas</p>
<p><b>Cost</b>: $349 from Ft. Lauderdale</p>
<p><b>Contact</b>: Jill at 555-555-5555</p>
<p><b>What</b>: An incredible weekend on white sandy beaches in turquoise water. Snorkeling, diving, sailing, boating, kayaking, conching and much more.</p>
|
Which looks like this:
Weekend Retreat
Who: Jewish young adults
When: Friday, May 2 to Sunday, May 4, 2003
Where: Queen Conch Marina and Resort, Bimini, Bahamas
Cost: $349 from Ft. Lauderdale
Contact: Jill at 555-555-5555
What: An incredible weekend on white sandy beaches in turquoise water. Snorkeling, diving, sailing, boating, kayaking, conching and much more.
|
Example 2
<style type="text/css">
h1 {color:#882231; font-size:24pt;}
h2 {color:#41EF62;}
h3 {color:#413199;}
h4 {color:#AA0000;}
p {color:#000000;}
</style>
<center>
<h4>Ages 20s to 40s</h4>
<h1>Big Party</h1>
<h2>East River Ale House</h2>
<h3>Sunday, June 6</h3>
</center>
<p><b>Cost</b>: $10</p>
<p><b>Contact</b>: Jill at 555-555-5555</p>
<p><b>Includes</b>:</p>
<font color=#229944 size=4>
<b>
<ul>
<li>Elaborate Buffet<br><br></li>
<li>Games, Prizes, Raffle<br><br></li>
<li>Music, DJ, Dancing<br><br></li>
</ul>
</b>
</font>
|
Which looks like this:
Ages 20s to 40s
Big Party
East River Ale House
Sunday, June 6
Cost: $10
Contact: Jill at 555-555-5555
Includes:
- Elaborate Buffet
- Games, Prizes, Raffle
- Music, DJ, Dancing
|
|