To enhance your program's web-based application content and customize email notifications, program administrators can use HTML (Hypertext Markup Language) as the standard markup language. HTML works in conjunction with CSS (Cascading Style Sheets) for styling and JavaScript for interactivity. NOTE: Most changes to web-based applications and email content using HTML must be made in the Sandbox environment.
Admin users can create content using HTML when configuring:
External Styles for Active Proposal Types.
External content for Portal Pages.
Support Areas for end-user application portals.
External Settings for Impact Report Types.
(i.e.) External Proposal Style:
The following outlines the basic steps to begin using HTML.
Step 1: Understand the basic structure
Every HTML document begins with the <html> tag and ends with the </html> tag. Inside the <html> tag, there are two main sections: the <head> and the <body>.
The <head> section contains metadata about the page, such as the title, which is displayed in the browser's title bar or tab.
The <body> section contains the visible content of the web page.
Step 2: Learn common HTML tags
The following are examples of some fundamental HTML elements used to structure and format web content including headings, paragraphs, links, images, lists, and container elements like divs and spans written using HTML syntax.
Divs and spans: <div> (block-level container), <span> (inline-level container)
Step 3: Use HTML elements to structure your content
Organize your content into headings, paragraphs, lists, and other relevant elements.
Use semantic HTML tags (e.g., <header>, <nav>, <main>, <article>, <footer>) to provide meaning and structure to your content.
Step 4: Use HTML to add Style to your content
Incorporating style into your content can be accomplished through multiple techniques utilizing HTML.
The <strong> tag is used to emphasize text with strong importance, and the content inside this tag is typically displayed in bold.
Step 5: Change the content Color using HTML
The HTML Red code provides methods to color an element red.
Internal users can use the style="color: red;" attribute or wrap the content in <font color="red"> tags, allowing you to have red text, a red background, or a red border around an element.
Users can also leverage the CSS color property to ch
Change the colors and fonts of text, utilizing color names, RGB, hexadecimal, or HSL values. For example, to change the color of a paragraph to purple, you can use the following code:
Inline CSS: <p style="color: purple">This is a purple paragraph.</p>
Hex value: <p style="color:#800080">This is a purple paragraph.</p>
RGB value: <p style="color:RGB(153,0,255)">This is a purple paragraph.</p>
HSL value: <p style="color:hsl(276, 100%, 50%)">This is a purple paragraph.</p>
Step 6: Add attributes to HTML elements
Attributes provide additional information about an element, such as the src attribute for an image or the href attribute for a link.
Common attributes include class, id, style, title, and more.
Step 7: Validate your HTML
Use an HTML validator (e.g., W3C Markup Validation Service) to ensure your code is syntactically correct and follows best practices.
Step 8: Practice and experiment
Create content using basic HTML concepts and gradually increase the complexity as you become more comfortable. Inspect the source code of other external program application content to learn more and utilize a similar unified structure.
