View/Print the instructions from this page from PDF file
You have probably noticed by now that there is a row of icons at the bottom of each text block on the edit page. These icons are related to features that can be added to your web page using simple HTML code. By clicking on any icon you are presented with a brief summary detailing how to write the code to add that particular feature.
This page will allow you to learn and experiment with using the features. When you are comfortable with them, you can begin to incorporate them into your own site. Here are some examples of the features described below:
Bold type
Italic type
A bulleted list:
- list item one
- list item two
Add a line break if you have text that you want to be sure displays
on a separate lineor you can create links: Link to Education World Website
and you can also insert Images:
HTML is a series codes or "tags" that tell your web browser how information should look and behave. Most HTML tags consist of a beginning tag (tells the browser to start doing something here) and an ending tag (tells the browser to stop doing it here). They are presented in <> brackets and the ending tag has a / in it, i.e. </stop>.
The icons on your edit page include these, with a description and code for each:
| Description | HTML Code | |
 |
Bold Typeface | <b>text to be bold here</b> |
 |
Italic typeface | <i>text to be italic here</i> |
 |
Creating a bulleted list | <ul> (to start list) <li>first item here</li> <li>second item here</li> </ul> (to end list) |
 |
create a hyperlink (to link to a website location) | <a href="http://www.sau16.org">SAU 16 website</a> |
 |
Adding a line break | <br> |
 |
Display a graphic, photo or clipart | <img src=images/tpix/xxxxxxxx.xxx> |
If you click on the icon on the edit page, a window will popup (may need to override popup blocker!) that will list the above code for the desired command. You can highlight and copy (CTRL-C) the code and then paste (CTRL-V) it into your edit block on your web page. Then just change the part you need to change. That may be easier than typing the commands.
If you have opened one popup window for one of the above commands and then do another one, it changes the open window. Check the open windows on your bottom Windows task bar. It acts like nothing happens, but it is really changing that open window.
There are a few other HTML commands that you may find useful and can use, even though there are not icons on the edit screen that prompt you. A few of commonly used ones are listed here:
| Description | HTML Code |
| create a link to e-mail | <a href=mailto:xxxxxxxx@sau16.org>Contact me by e-mail</a> |
| create a link to a file to open or download (.doc, .xls, .pdf, etc.) |
<a href=images/tpix/xxxxxxxx.xxx>file description here</a> |
| Open a link in a new window | add target="_blank" between <a and href in HTML code listed for link EX: <a target="_blank" href="http:www.sau16.org">website</a> |
| center text or graphics on page | <center>text to be centered</center> |
Other HTML codes may be used. Just be sure your code is correct before updating the page, because HTML coding errors can cause the page to break (as in NOT WORK). This can get complicated to fix - you'll have to contact the webmaster.
Now that you have read about adding subpages and formatting and inserting graphics using HTML, you can proceed to learning how to upload graphics files.
View/Print the instructions from this page from PDF file
BW Teacher Instructions | SAU 16 Home
Please read
Disclaimer on our site concerning copyright and privacy.
Last Updated:
Friday, October 28, 2005
