The dt and dd tags

Hey everyone,

I’m sorry I missed a day. I started work yesterday and when I came home I was just too tired to post. So today we have two tags and are going to finish up the final list. So the first is the <dt> or definition term which describes the definition and the <dd> which is the definition itself. Now the <dd> will indent itself so there is no confusion of what is the term and what is the definition itself. So let’s look at the full list:

<dl>

<dt>Wolf</dt>

<dd>An animal of the Canine family.</dd>

<dl>

So that’s basically how you make the last type of group. Easy! So 4 more days! Still trying to figure out what I am going to fit in for the last four. Hope you have a good night!

Advertisement

The dl tag

Hey everyone. Welcome to Tagtober! We’re in the home stretch. Six more days till the end of October. Can you believe it? Well today we are going to learn about the <dl> tag or definition list tag. The <dl> list has three tags total including this one. It does not rely on the <li> tag because it has those two extra tags to help define the list. Today we will start the list and over the next two days we will finish it.

<dl>

</dl>

This is the basic start of our list. You will see when I add on tomorrow what we need to put in to make it function. Have a good night everyone and see you tomorrow!

The ul tag

Hello everyone! Another day of Tagtober and today I am going to introduce you to the second type of list, the <ul> tag which means the unordered list. When using this in HTML, it will appear with bullet points at the beginning of each list item. So let me show you an example of what the HTML would look like:

<ul>

<li>Red</li>

</li>Blue</li>

</ul>

Notice, we can use the same list item code for this type of list as well. We have one more list to go over and I will introduce you to that tomorrow. I hope this month has been entertaining for you as it has been for me. Have a good day!

The li tag

Hey everyone. Well here is another great Tagtober day. So today we are going over the <li> tag. This tag is associated with the <ol> tag and another list type called <ul> which I will discuss tomorrow. This basically stands for list item. So how would it look in HTML?

<ol>

<li>1. Red</li>

<li>2. Blue</li>

</ol>

That’s pretty much it. Pretty easy for a list. I have two more types of lists to introduce to you. I’m looking forward to it! Hope you have a great night!

The ol tag

Hey everyone! Welcome to another day of Tagtober! The month is drawing to an end and I won’t be able to put much more out. Well today we are talking about the <ol> tag. This tag is short for ordered list. It creates a list that has numbers. This tag, like so many others, has a closing tag. So let me demonstrate:

<ol>

</ol>

Tomorrow I will give you the tag to add the information you need in the list. There are three types of lists and I will go over all three. Have a good night!

The tfoot tag

Hey everyone! Hope you are having another great day and here is another great day of Tagtober. Today we will discuss the <tfoot> tag. This tag stands for table footer which comes at the end of the table. You don’t necessarily have to use this tag, just like you don’t necessarily have to use the <thead> tag, but it’s good to know it. Unlike the <thead> tag, the <tfoot> tag does not have a special addition data tag. So you only use <td> with it. This tag also has a closing tag. So lets go ahead and see an example:

<table>

<thead>

<tr>

<th>Colors</th>

<th>Numbers</th>

</tr>

</thead>

<tr>

<td>Blue</td>

<td>One</td>

</tr>

<tfoot>

<tr>

<td>Red</td>

<td>Two</td>

</tr>

</tfoot>

</table>

So that’s a little about that tag for now and look! We have a complete table! See you tomorrow!

The td tag

Hey everyone! It’s another day of Tagtober. Today we are going to go over the <td> tag. This is the other type of data cell that we use in tables. However, what differentiates this from the <th> tag is that it is not centered or bolded. It is naturally aligned to the left unless changes are made. <td> stands for table data since it is the basic table data cell. This, like many others, has an ending tag. So let me show you an example:

<table>

<thead>

<th>Color</th>

<th>Number</th>

</thead>

<tr>

<td>Blue</td>

<td>One</td>

</tr>

</table>

As you can see we are building our table up and it is a basic table right now. However, we still have a few more tags to go over. I will have another tag tomorrow for you to look over. Have a good night!

The th tag

Another wonderful day of Tagtober. Welcome everyone! Today was a bit chilly, I don’t know about you. I’m glad the temp is dropping though. Anyway, onto our next tag. This is the <th> tag. This is the data tag that goes in the <thead> section of the table. Now there are two types of data tags and the other one I will get to in a few days. This one, however, is used for for headers specifically because it automatically centers and bolds the data. This tag also has a closing tag, as most of our tags do. Here is an example of a finished header row:

<table>

<thead>

<tr>

<th>Color</th>

<th>Number</th>

</tr>

</thead>

</table>

That is how the beginning of our table will look like. Tomorrow, we will add to the meat of things. I hope you loved learning more and I can’t wait till tomorrow.

The tr tag

Another great day for Tagtober. Welcome everyone! Today we will discuss another tag that is related to the <table> tag. This tag, creates a row in a table. It is incredibly important to know how to create a row because every table has to have a row or a column in it, plus you will almost always have multiple rows. The <tr> tag which is table row for short has a closing tag. Here is an example:

<table>

<thead>

<tr>

….

</tr>

</thead>

</table>

That’s not all to our table. I will be adding more tomorrow and our table will be getting bigger!

See W3School for more!

The thead tag

Another wonderful day for Tagtober and we are continuing with the set of <table> tags. The next in line for our table is the <thead> tag. The <thead> is used to group header content in a table. There will be a tag associated with this as well so you are not confused. I will not leave you out, but it is basically a beginning to grouping a certain type of cells. This tag also has a closing tag to it. I will demonstrate below:

<table>

<thead>

….

</thead>

</table>

Although, we are still in the basics of the table, we will be getting into more of it tomorrow. I’m looking forward to expanding your mind and giving you more on Tagtober!