Importing HTML into Confluence: A 2025 Tool Review

Titles

The Page’s titles are not a part of the code, as they acquire the name of the file

There are no tags or terminology needed to explain

Each page intended for export has its own code file, with each file named accordingly to distinguish it

Letters

<h2>Introduction</h2>
<p>The P<strong>performance</strong><strong>design</strong>, and <strong>innovation</strong> since its….</p>

<blockquote>
<strong>Did you know?</strong> The name "911" …
</blockquote>

<h2> is used to insert a header of size 2, the greater the number the bigger the letter

<p> defines a paragraph

<strong> is used for important text, always has bold lettering

<blockquote> is used to insert a block of text

We first define our header and its size, followed by adding a paragraph. Within the paragraph, any word we want to highlight must be enclosed within the <strong>...</strong> tags.

Links

<nav>
<h2>Navigate to Subpages</h2>
<ul>
<li><a href="subpage_corvette.html">Corvette Generations</a></li>
<li><a href="subpage_general_data.html">General Automotive Data</a></li>
</ul>
</nav>

_________________________________

<p>For more details, visit the official Ferrari history page: <a href="

https://www.ferrari.com/en-EN/history

" target="_blank">Ferrari History</a>.</p>

<nav> defines a set of navigation links

<ul> defines an unordered list

<li> list item

<a> defines a hyperlink

href=specifies the URL of the page the link goes to

as we are about to include some internal links we first have to call the first function “nav”, then, to insert the hyperlink we would write “a” to indicate we are calling a hyperlink.

As we want the links to be displayed as a list for every URL that we put, it is necessary to put each of those inside a different <li>…. </li>

Images

<img src="images/vw_golf.jpg" alt="Volkswagen Golf" width="720" height="auto">

<img src> specifies the path to the image

width= specifies the width of the image

“auto” specifies that the height of the image will be calculated automatically based on the width

alt= specifies a set of text that would pop up if the image does not displays

As we want to put an image first thing to do is tell the system were our image is located, for that we call the function “img

src”, after that we define the desired width and height

Tables

<table>
<thead>
<tr>
<th>Generation</th>
<th>Years</th>
<th>Key Features</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>C1</strong></td>
<td>1953-1962</td>
<td>The original Corvette, influenced by European design, first fiberglass body.</td>

</tr>
</tbody>
</table>

<table> used to insert a table

<thead> define a header for the table

<tr> specifies a row for the table

<th> defines a header cell

<tbody> specifies the body of the table

<td> standard data cell

First we call the Table function, then we declare we are going to put the headers ”thead” in a new row “tr” every header goes inside a <th>……</th>

Next, we need to add the body segment of the table. Remember, we use the <td> tag to insert general data.

Colored text and font

<title>Legendary Cars: Corvette Series</title>
<style>
body { font-family: Arial, sans-serif; margin: 0; padding: 20px; background-color: #f9f9f9; line-height: 1.6; }
h1 { color: #ff5733; text-align: center; }
h2 { color: #1e73be; border-bottom: 2px solid #1e73be; padding-bottom: 5px; }

font-family defines the font that is meant to be used

margin: sets the margin

padding: sets the padding of the text

color: sets the color of the text

First, we add our title. Then, we use the style attribute to customize the text, specifying the font-family to define the font type, as well as setting the margin and padding (in pixels)

Information

<tbody>
<tr>
<td><strong>ABS (Anti-lock Braking System)</strong></td>
</tr>
</tbody>

<tbody> specifies the body of the table

<tr> specifies a row for the table

<strong> is used for important text, always has bold lettering

In this section, we are evaluating the content. First, we created a table with a <tbody> element, then added bold text using <strong>ABS...</strong>, and finally closed the table body with </tbody>

Lettering

<p><em>A stunning example of the Corvette C3.</em></p>

<p> defines a paragraph

<em> is used to defined emphasized text, usually displayed in italic.

When writing simple text, the first step is to declare it as a paragraph. To stylize the text and italicize it, we use the <em>...</em> tag.

Bullet list

<ul>
<li>Improved safety features, such as ABS and traction control.</li>
<li>Enhanced fuel efficiency with hybrid and electric vehicles.</li>
<li>Better driving experiences through advanced technology.</li>
<li>Reduced environmental impact with cleaner emissions.</li>
</ul>

<ul> defines an unordered list

<li> list item

When creating a bullet list, the first step is to use the <ul> tag for an unordered list. Then, each bullet point must be enclosed within the <li>...</li> tags.

Attachments

<h2>Attachments</h2>
<ul>
<li><a href="attachments/50_years_porsche_911.pdf">Download: 50 Years of the Porsche 911 (PDF)</a></li>
</ul>

<h2> is used to insert a header of size 2, the greater the number the bigger the letter

<ul> defines an unordered list

<li> tag defines a list item

<a> defines a hyperlink

href=specifies the URL of the page the link goes to

When adding attachments in HTML, we place the text inside a bullet point using the <ul> and <li> tags. Since we are creating a hyperlink, the <a> tag is required. Finally, to specify the file's path, we use the href attribute followed by the file path.

Titles were migrated correctly.

Letters were migrated correctly as they maintain the same format.

Links function correctly, either internal or external links.

Images were not migrated.

Tables were migrated correctly.

Colored texts were not correctly migrated.

Information was correctly migrated.

Lettering was correctly migrated.

Bullet list was correctly migrated.

Attachments were not correctly migrated.