Hello and welcome.
In this video I will cover some of the basic hastier moul elements you will use for marking up text.
I'm going to start with the headings so the heading elements allow you to specify that certain parts
of your content are headings all sub headings of your content just sound the same way that a book has
a main title a chapter titles and subtitles and here's email document can also have similar properties
hastier mail contains six hedin levels which are from Page 1 to hitch 6 hates one being the largest
heading.
Normally the most common level used is usually three to four.
Most people don't tend to use 5 and 6.
So just remember that one is the largest.
Page 6 is the lowest in previous videos.
I created this email document here which is rendered as this page.
So here we have quite a head in tag which is the one you can see here.
I've used it on line 15.
So if I wanted to for example add a couple more piskun a copy this.
I'm just being lazy here and I appears that a couple of times and you can see.
So what I want to do I want to change this to page 2 so you can see the different levels of head in
tags.
You can use.
You can see here this is a hash tag which is smaller than the one and if I come here type in haste 3
and change this to a page 3 how you can see this is smaller.
So this is page one page two and Page 3 depending on how big you want your head is to be on your web
page.
We have also used the paragraph tag so far in this course.
So I'm going to show you an example of using a paragraph tag to mark-up or add paragraph to your P..
Inside our document here he can see on line 18 have used a paragraph tag to add a paragraph to the page
and you can see the content inside the paragraph says.
Today is a new day and as today is a new day display to ukin Use a paragraph tag to add as many paragraphs
as you want and to any areas of your web page or document.
Next I want us to take a look at least a lot of the Web content is made up of list and hastier mail
has special elements for these type of list marking up a list or list always consists of two elements.
The most common list types are ordered and on ordered list and the ordered list is represented with
the or else tack and the ordered list is represented with the U.
L tack the ordered list are for List where the order of the items matters.
For example here a recipe where you have to follow the recipe insert in order with ordered list.
These are lists where the order of the items does not matter.
For example here is a shopping list.
This is usually wrapped up in a U.
L tack.
So wait on ordered list by default when you create them they appear as a bulleted list.
So I'm going to create an on order list inside this huge timal document so I added an extra paragraph.
Here on line 20 which is this text here so I'm just going to create an ordered list so to create an
ordered list to the leston sign you're typing you L stands for audit.
And then the greater than sign he can see is automatically placed in the opening and the closing.
I'm just going to press and tell on the keyboard to separate that list.
And inside that list who also need the list tag to list the individual items for the ordered list.
So in cyber You type in the L..
I again you do less than you type in L. I to indicate it's a list item and then in greater than an inside
in between the list tag is where you list the item.
So I'm typing
kind and just being lazy here I'm just going to copy this and pasted a couple of times and just change
the content in the list.
I'm just going to indent that little bit.
So with the ordered list I've created here you can see the output here he can see in time it outpoured
his bullet head here.
Thus the default when you create an ordered list by default when he creates the list it will have them
in a bulleted format.
As you can see here on the web page if I wanted to turn this in to an ordered list I just replace the
U L with an all l list.
My temp stays the same.
All I need to do is replace the L the L with L and is with oil that will be com.
No.
So you can see I've replaced the you with it all to show that it's an ordered list.
You can see it as change from bulleted to an order.
This is one two three.
So that's the main difference.
If you want something to be in a specific order then you have to use the ordered list.
You don't care what order they're in.
Then use the ordered on ordered list.
Something to change this bang to warn or at least just replace the you with the wall.
So that's basically how you mark-up text.
So this illustration here is very very very basic level mark-up.
We can get more complex than this but if you can understand the basic concept then as you progressed
to more advanced stuff you'd be able to have a better understanding of how your stuff works.
So that's it for this lecture on macken optics.
Many thanks for watching and bye for now.