Basic HTML tags can be used to configure News items on the Teacher Access Center Home Page. The News items can include website hyperlinks and colors.
Home Access Center's news items do not support HTML formatting. If you enter HTML formatting, the text of the HTML code will be displayed to guardians and students.
The following example illustrates how HTML tags can be used to format text:
Below is a sample weather posting typed with HTML codes for text formatting.
|
<p><b>This Afternoon:</b> <u>Sunny</u>, with a high near 45. East northeast wind between 10 and 15 mph.</p> <p><b>Tonight:</b> Showers and thunderstorms likely, mainly after 4am. Increasing clouds, with a low of around 40. <i>Chance of precipitation is 70%.</i></p> |
Below is the sample weather posting as it would appear on the page.
|
This Afternoon: Sunny, with a high near 45. East northeast wind between 10 and 15 mph. Tonight: Showers and thunderstorms are likely, mainly after 4 AM. Increasing clouds, with a low of around 40. Chance of precipitation is 70%. |
Basic Commands
|
Command |
Formatting |
|---|---|
|
<p> |
Begin Paragraph |
|
</p> |
End Paragraph |
|
<b> |
Begin Bold |
|
</b> |
End Bold |
|
<i> |
Begin Italic |
|
</i> |
End Italic |
|
<u> |
Begin Underline |
|
</u> |
End Underline |
|
<br> |
Break or Blank Line |
|
<hr> |
Horizontal Line |
Sample Hyperlink
Note that the hyperlink value (href) must use either the http or https protocol, or application will reject the save. (This is to prevent malicious users from entering in-line javascript.)
<a href="http://www.powerschool.com/">PowerSchool</a>
The text in the quotation marks is the actual web address and the text in between the > < marks is the text that will display.
Sample Specifying Color for Text
Note that only the following CSS properties: color, background-color and font-size are supported using the style tag and any other CSS properties will be stripped.
<p><Text Styling>Staff Training will be held from 9:00 a.m. until 4:00 p.m. </Text Styling></p>
Style tag examples:
-
Red Background:
<p style=”background-color: red”>The background color will be red.</p> -
Yellow Font:
<p style=”color: yellow”>The font color will be yellow.</p> -
Font Size:
<p style=”font-size: 40px;”>This font size is 40px.</p>
The attributes can also be combined with semicolons to apply multiple:
-
Red Font and 30px in size:
<p style=”background-color: red; font-size: 30px;”>The background color will be red with a font size of 30px.</p>
Supported HTML Commands
Only the following HTML commands can be used in News items.
b – Bold
strong – Strong
i – Italics
em – Emphasize
small – Small
sub – Subscript
sup – Superscript
del – Deleted
mark – Highlight
a – Anchor
h1 – First Heading
h2 – Second Heading
h3 – Third Heading
h4 – Fourth Heading
h5 – Fifth Heading
h6 – Sixth Heading
p – Paragraph
ul - Unordered list
ol - ordered list
li - list items