- 1). Open the HTML file that contains the header and header elements you wish to style. An integrated development environment (IDE) offers substantial features when editing the code, however, a simple text editor, such as Notepad will suffice.
- 2). Navigate to the header of the page. This section is at the top of the page and often contains elements, such as a page title and menu. It is often defined by "head" tags:
<head>Content...</head> - 3). Enter the headings you want in the header by using the headings HTML tag (H1, H2 etc.). You can declare multiple HTML headings tags. For example:
<h1>This is a test heading</h1>
<h2>This is another test heading</h2>
Make sure to use proper syntax (being tax, close tag with "/") throughout the code. - 4). Enter the following code elements, separated by semicolons, to specify the style of a heading. Some example style elements are below:
Color - "color: Enter color here (Ex: red)"
Font Size - "font-size: Enter size here (Ex: 20px)"
Align Text - "text-align: Enter position (Ex: center)"
Use the following syntax (style="...") after the first header tag to specify a specific style. For example:
<h1 style="color: red; font-size: 20px; text-align: center;">Test Heading</h1>
This would display "Ted Heading" in the center of the page with red font and a size of 20 px. - 5). Save any changes you made to your code.
previous post
next post