• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
UT Shield

College of Fine Arts Web Instruction | College of Fine Arts | University of Texas At Austin

College of Fine Arts Web instruction

University of Texas At Austin

  • Welcome
  • About Us
    • WordPress & Drupal
    • Find a Content Owner
  • Getting Started
    • Learn Best Practices for Web
    • Vocabulary Terms
    • Do you need a website?
    • Ways to Get a Website
      • Website Options On Campus
      • Initiate a Project with the Web Team
      • Outsource or DIY
    • Know Your Audience
    • Navigation & Menu Items
  • Requirements
    • Americans with Disabilities Legal Obligations
      • Alternate Text
      • Use of Color & Contrast
      • Link Text & Appearance
        • Non-Visible Link Context
      • PDF Files
      • Software Plug-in Link
      • Captions, Audio Description & Transcripts
        • webVTT Caption File
        • Caption Using Amara
        • Writing Captions & Audio Description
        • Video & Remote Communications
      • Additional ADA Issues
        • Accessible Social Media
        • Video & Remote Communications
    • UT Web Accessibility Policy
    • UT Web Privacy Policy
    • Records Retention – Backups, Archives and Revisions
    • College of Fine Arts Brand
    • UT Brand Guidelines
    • Information Security Office Policies
  • Best Practices
    • College of Fine Arts Communications Written Style Guide
    • Using a Rich Text Editor
      • Using an External HTML Editor
    • Links & URLs
      • Link Text & Appearance
        • Non-Visible Link Context
      • Absolute vs. Relative Paths
      • HTTP vs HTTPS
      • Anchor Links
      • Changing URLs
      • Shorten a URL for Marketing
    • Images
      • JPG vs PNG
      • Image Editing and Troubleshooting
    • Web Forms & Surveys
    • Standards & Structure
      • Hierarchical Headers
      • Computer File Names
      • URL address names
        • UT Short Links Service
      • HTML
        • Common HTML Errors
        • Multiple Rows with Floated Images
        • Responsive Word Wrapping
    • Artificial Intelligence
    • Test & Evaluate
    • Wikipedia
    • Social Media & Networking
      • Accessible Social Media
    • RSS & Feeds
    • UT Austin Web Publishing Guidelines
  • Site Performance
    • Page Load Time
      • Fonts
    • Respond to a Variety of Devices
      • Telephone Numbers on Smart Phones
    • Analytics & Visitor Data
      • Outreach Campaign Link Tracking
        • Campaign URL Builder
        • Campaign Link Tracking Worksheet
    • Page Not Found Traffic
    • Tips to Increase Traffic
    • Optimize for AI Chat and Search
  • Site Specific Instructions
    • COFA/UT WordPress Instruction
    • COFA Drupal Instruction
    • UT Drupal Kit Managed

Common HTML Errors

Following are some of the common errors made by content contributors when editing in a content management system.

On this page:

  • HTML
  • Tables for Layout
  • Bold and Italic HTML Tags
  • Character Entities
  • Nesting Block Level elements
  • Learn More

HTML

We encourage you to learn some HTML but be aware there is misinformation online and it’s common to produce poor quality HTML code that may not work on all browsers or devices. You are encouraged to use the formatting options provided in the toolbar of the content management system and follow these tips on our Using a Rich Text Editor page. If you need special formatting or layout, please contact the Web team.  If you prefer writing code, please learn standards-based best practice HTML.

Tables for Layout

Using <table> HTML tags to lay out content into multiple columns or grids is not current best practice and will not display consistently in all browsers or on all devices. If you need a multi-column layout for your content, please contact the Web team.

If you need to present tabular data, <table> HTML tags are appropriate. However, tables that are not coded properly will not be accessible to visitors using assistive technology. Please contact the Web team for assistance.

Bold and Italic HTML Tags

<cite> or <em> and <strong> are the preferred tags with semantic meaning.

<cite> to indicate the title of a work or book.
<em> is for words or sentences you want to emphasize and would pronounce differently.
<i> is for alternate text, such as foreign words, technical terms, or inline stage directions.

<strong> denotes that the text is important.
<b> is used as a stylistic offset such as keywords and for typographically emboldened text.

In some Web displays, including screen readers for the blind, text wrapped in <b> and <i> will be no different than any other text on the page. There is no auditory indication for these tags. Using a CSS style to visually display italic and bold text is preferred.

Extra Benefit Search engines, like Google, weigh semantic pages higher in results. Different browsers and devices including assistive technologies display content consistently. Unknown future technologies will be more likely to present the content as intended.

Character Entities

Because we share many characters in our language with computer-programming languages like HTML, we need a way of letting the browser know that it should not interpret those characters as a piece of code. To do this, we use Entities to represent these characters.

Some commonly used Entities:
& = &amp;
< = &lt;

Luckily, if you stick with the formatting options provided in the toolbar of the content management system WordPress will automatically translate the entities and Drupal provides a Special Characters button. If you are coding your site in HTML, however, you will have to manually include each Entity.

Foreign Language Entities require that you include extra code signifying the language.

Nesting Block Level elements

Description of Block level vs. Inline element tags on our HTML page.

Learn More

When too large an image is included on a Web page load time of the page increases and there is a risk that the image may not load on some devices. Please learn how to reduce your image file size in our Image Optimization tutorial.

Primary Sidebar

Open Office / Co-Working Sessions

Second Monday of the month:

11 a.m. – 12:30 p.m.

Fourth Thursday of the month:

2 p.m. – 3:30 p.m.

Email us for the Zoom link.

College of Fine Arts WordPress Instruction
College of Fine Arts Drupal Instruction
Subscribe to our email list to receive periodic tips and resources for generating great digital content

Contact Us

The COFA Web team can be reached by emailing us at cofawebmaster@austin.utexas.edu


To view some links on this page you may need to download Acrobat Reader.

UT Home | Emergency Information | Site Policies | Web Accessibility | Web Privacy | Adobe Reader

© The University of Texas at Austin 2025