Add HTML code to a web page

If you've been using the web page editor to change the general layout and appearance of a web page but still haven't got the look and feel you want, adding your own HTML code may be the answer. Adding to or editing the HTML that underlies a web page helps you further customize your public site according to your taste and requirements, so you can achieve the engaging site you have in mind. For example, you can:

• Change page design, by adding a frame around a block of text.

• Make the footer on every page work for you, by adding a special font style or size.

Security Note:  If the HTML code contains JavaScript, we may remove some or all JavaScript code to prevent security problems, such as cross-site scripting, which can compromise your web site. If you are sure that your JavaScript code is safe and you want to add it to your page, see Add embedded code or JavaScript to a web page.

1. Check your code to make sure it's valid and complete before you add it to the source.

2. Logon to your public website and go to the page you want to edit.

3. Click Page > Edit and then from the Format Text tab, click Edit Source.

4. Locate the position where you want to insert the block of code. You may need to delete code that you want to replace or remove. The page you see will look something like this, with a cursor marking the insertion point for new code:

   

5. Enter the HTML code.

   Important:  HTML code is not validated when you add it to your web page. Errors in the HTML code can cause a web page to display incorrectly.

6. Click OK.

7. After you insert the HTML code, verify that everything appears as you expect.

   • If the page looks correct, click Page > Save > Save, and then open the page in a new browser window to confirm.

   • If you experience problems you can't resolve, then do not save the page. Instead, click Page > Save > Stop Editing > Cancel.

Learn more

There are other approaches you can take to customize code behind the pages on your web site:

• To embed documents and files on a web page, see Embed Office documents and PDF files on a website.

• To add other types of code, see Add Embedded code or JavaScript to a Web page.

• To create a whole new website design use Design Manager.

For a summary of all related topics, see Public Website help for Office 365.

Top of Page