BDPA St. Louis Chapter

BDPA Mission

Online Registration Form

HSCC Training Schedule

Class Notes

Notes March 22, 2008

Notes March 29, 2008

Notes April 05, 2008

Notes April 12 - 19, 2008

Notes April 26, 2008

Class Quiz

Class Quiz 1

Class Quiz 2

CrossWord Puzzle

Crossword Puzzle 2

WordSearch Puzzle

CrossWord Puzzle 3

BDPA Events

"Gateway to Technology"

Class notes:
March 22, 2008

HTML Basic 
Text to be displayed
The tag is used to create an anchor to link from, the href attribute is used to address the document to link to, and the words between the open and close of the anchor tag will be displayed as a hyperlink.


FRAMES
Vertical frameset

  <html>

<frameset cols="25%,75%">

  <frame src="frame_a.htm">
  <frame src="frame_b.htm">
</frameset>

</html>

  
 



Horizontal frameset

<html>

<frameset rows="25%,75%">

  <frame src="frame_c.htm">
  <frame src="frame_d.htm">
</frameset>

</html>

 
Veritcal
<html>

<frameset rows="25%, 75%" cols="25%,75%">

  <frame src="frame_a.htm">
  <frame src="frame_b.htm">
  <frame src="frame_c.htm">
  <frame src="frame_d.htm">
</frameset>

</html>

Veritcal and Horizontal frameset with bolder

<html>

<frameset rows="25%, 75%" cols="25%,75%" frameborder="1">

  <frame src="frame_a.htm">
  <frame src="frame_b.htm">
  <frame src="frame_c.htm">
  <frame src="frame_d.htm">
</frameset>

</html>

 
 
 



TABLES:

<table border="1">
<tr>
  <td>100</td>
  <td>200</td>
  <td>300</td>
</tr>
<tr>
  <td>400</td>
  <td>500</td>
  <td>600</td>
</tr>
</table>

</body>
</html>





TABLE with Heading

<table border="1">
<tr>
<th>Heading</th>
<th>Another Heading</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>






HeadingAnother Heading



row 1, cell 1
row 1, cell 2




row 2, cell 1
row 2, cell 2




















add a non-breaking space ( ) to empty data cells, to make the borders visible:

<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>&nbsp;</td>
</tr>
</table>












 



















row 1, cell 1
row 1, cell 2




row 2, cell 1
 

Images input



An image:
<html>
<body>

<p>
An image:
<img src="constr4.gif"
width="144" height="50">
</p>

<p>
A moving image:
<img src="hackanm.gif"
width="48" height="48">
</p>

<p>
Note that the syntax of inserting a moving image is no different from that of a non-moving image.
</p>

</body>
</html>



Note that the syntax of inserting a moving image is no different from that of a non-moving image.





An image from a different site:


<html>
<body>

<p>
An image from another folder:
<img src="/images/netscape.gif"
width="33" height="32">
</p>

<p>
An image from W3Schools:
<img src="http://www.w3schools.com/images/ie.gif">
</p>

</body>
</html>





 
It's time for you to be a part of a great BDPA High School Computer Competition Team
Email: mark.vorbeck@gmail.com or call 314-517-4457