You can find common HTML tags you can use on your website to style large blocks of text.
While not all blocks of text are enabled for HTML tags, usually, paragraphs are - Keep in mind that titles, and headers are usually pre-styled with the template.
Content (Container) Tags
Opening Tag | Closing Tag | Description |
<h1> to <h6> | </h1>to</h6> | Headings. H1 is the main heading, H2 is secondary, etc. |
<p> | </p> | Paragraph |
<div> | </div> | A container for a block of content |
<span> | </span> | A container for in-line content, such as content inside a paragraph. |
<em> | </em> | Gives the contained text emphasis (usually as italics). |
<strong> | </strong> | Makes the contained text bold. |
<a href = "document location"> | </a> | Link |
<ol> | </ol> | Ordered (numbered) list |
<ul> | </ul> | Unordered (bulleted) list |
<li> | </li> | List item, must be nested inside a list element such as a <ol> or <ul> |
<!-- | --> | Comment. Anything between these tags is not displayed on the screen. This is useful for making notes to yourself or to others who may view the source code of the web page. |
Empty Non-Container Tags
Tag | Description |
<br /> | Line break. |
<img src ="image location" alt="alternate text" /> | Inserts an image into a web page. |
Tables
Opening Tag | Closing Tag | Sample Attributes | Description |
<table> | </table> |
| Adds a table |
<tr> | </tr> |
| Table row (start & end). |
<th> | </th> | scope="row" | When creating a table to display data, use this tag to differentiate the first row or column of cells as heading cells for all the other cells in the same column or row. Browsers typically display this element bold and centered within the table cell. The scope attribute defines whether this is a row header or column header. |
<td> | </td> |
| Table data cell. |
|
| colspan="number" | Use with <th> or <td> elements. Spans cells across multiple columns. |
|
| rowspan="number" | Use with <th> or <td> elements. Spans cells across multiple rows. |