HTML Made Very Easy!
SoEditor now available - replaces html coding on the job entry template. Click on the SoEditor link where indicated in the fields when you enter your job vacancies.
HTML stands for "HyperText Markup Language", but it isn't really a computer programming language. Instead, HTML is a system of "tag" insertions which enable a browser like Internet Explorer or Netscape to display a web page with customary formatting we rely on to enhance a document's readability such as bold, underline, italics, font, font size, color and-- perhaps most importantly--paragraph and line breaks.
Cutting and pasting your job ad into the CIG template from the word processor of your choice is recommended to minimize your keyboard entry time. Most contemporary word processing programs allow you to save you document in HTML format. Cut and paste the saved HTML version into the template to preserve your formatting. However, if this option is not available, or you prefer to enter your own HTML tags, a basic tutorial follows:
HTML - Start with the Bracket
- , and
- - denotes each bullet
- Bachelor's Degree
- 3-Year's Experience
- Vermont Residency
- Bachelor's Degree
- 3-Year's Experience
- Vermont Residency
A tag consists of a left angle bracket (<), a tag name, and a right angle bracket (>). Tags are not case sensitive so is equivalent to . A "container" tag applies to a region of text. There will be one at the beginning of the highlighted text, and one at the end with a forward slash (/) inside the bracket to mark its closure.
The effect of the tag, i.e. underline, will affect all text between the two tags. Make sure you don't forget the second tag! Strange things can happen if you do. A "separator" tag is employed as a singular code and does not require an "ending" or closing".
Add Style
To add style to text, you can use the following tags:
To Bold Text use- text to be bolded
To Italic Text use- text to be italicized
To Underline Text use- text to be underlined
And Format...
HTML tags can also be used to format the appearance of the text. On Careersingovernment.com, the text will automatically wrap to the next line. Any paragraph spacing will not be preserved unless you use the HTML tags.
This Tag Creates a Paragraph Break
Will give you the same effect as hitting the RETURN key twice.
Example:
Washington County is governed by a 9-member Board of Commissioners who meet weekly to set policy.
A County Executive Officer is responsible for overseeing the daily operations of the County's 21 operating departments. would look like this:
Washington County is governed by a 9-member Board of Commissioners who meet weekly to set policy.
A County Executive Officer is responsible for overseeing the daily operations of the County's 21 operating departments.
This Tag Creates a Line Break
Will give you the same effect as hitting the RETURN key once.
Example:
The Jackson Unified School District is searching for a Superintendent.
The candidate should have a clear vision to achieve educational excellence.
would look like this:
The Jackson Unified School District is searching for a Superintendent.
The candidate should have a clear vision to achieve educational excellence.
To create a bulleted list , you use three tags,
- ,
- - starts the list
Example:
- To create
Use these tags:
You can create a numbered list using the same technique as the bulleted list, but substituting"OL" for "UL".
Adding Color
Adding color to text makes use of the tag and is an effective way to draw attention to your job posting. To make the phrase "Apply Immediately" stand out, try adding color like this,"Apply Immediately". It's easy enough to do, just enter:
"Apply Immediately"
Of course, color is best used sparingly, to draw attention to truly remarkable points in your job descriptions.
Adding a Live Link
Creating a live link is easy and you can use it to direct interested candidates to your agency's online job application, supplemental application materials, or any site you wish. Limit your links and use them at the end of the ad. Clicking the link will transport the job seeker away from your job ad, which is where you want the focus! The HTML code to create a live link is as follows:
