HTML Tutorial 02 - Simple HTML Text Formatting Video Lecture | HTML Basics- Create a designed webpage from Scratch - Software Development

hey what's up guys my name is Brian
we're continuing our HTML tutorial now
in this tutorial I'm going to teach you
basic text manipulation this is one of
the easier things but it gives a lot of
bang for your buck first we're going to
show you how to bulb things to do a bold
you just enter the bowl tag which is
just a B whoops got those mixed up let's
save that flip back over to our web page
as you can see I bolded the word hello
now one thing beginners often have a
hard time with is like me they forget
that / if you forget it you're turning
the tag on and not turning it off what
do you think is going to happen well if
you guessed everything's going to be
bold you'd be correct you see how
everything is now bold let's go ahead
and fix that by turning the tag back off
now another one is italics instead of a
B it's an I just change that save it
refresh you can see how the word hello
is italicized you notice that world is
not italicized the reason for that is
we've turned that tag off right here now
another one would be underlining is just
to you
you can see the word hello is underlined
world is not one thing you can do is you
can mix and match these tags for example
you can make something bold underlined
just remember to turn it on and turn it
off and let's go ahead and italicize the
word world now remember to save every
time when you go to refresh this
otherwise you won't see your changes
here you can see we have a bold
underlined and italicized another thing
you can do to manipulate text is use
what's called the font tag the font tag
is very simple but very powerful
just remember to turn it on turn it off
now just doing the font tag itself will
do absolutely nothing for you as you can
see nothing's happened you have to give
what are called attributes so we'll say
we want the color to be red now you can
choose any color you want um there are
standard colors typically their friendly
names like red green blue black but you
can also use a hex code for this we're
just going to stick with the name I
don't want to confuse anybody now save
your work flip back to your web page
refresh it you can see we now have hello
world in red we're not done though the
font tag actually has extra attributes
you can define for example the color the
size one being incredibly small as
you'll see here and it goes up to I
think seven is the highest but we'll
find out
go ahead and refresh this so you can
change the size of these things which is
actually pretty neat now let's see what
happens when we just split this up a
little bit
notice how we have a couple lines here
hello world mmm
take a minute and think about what this
is going to look like do you think hello
and world will be on two different lines
let's find out no the reason is we have
not told it to put a hard return in here
but you notice how hello follows all of
the text processing we put on it it's
red it's sizes seven its bold its
underlined world is just italicized now
I'm going to show you how to force this
to go on two separate lines you enter
what's called a hard return or a break
the break command does not have an off
tag it's a single tag no off for clarity
I'll just remove that extra one and you
can see what's going to happen here
every time you do a break command it
shoves it down one extra line there you
go we have hello with all our fought
processing a hard return which is not
visible and then the word world
italicized now you can enter as many of
these break commands as you want it's
actually very common to enter a couple
of them right in a row just to move the
line down further
another thing you can do is change the
font or the face we'll just use Arial
that'll tell it to use a specific font
face for that text now remember just
this is getting manipulated the word
world is not for clarity sake let's
actually just copy this tag and be sure
to turn this off here now we've got two
separate font tags
spaced this out so you can see what's
going on let's make the color blue and
let's give it a size of three now we
have two font tags we're turning the
font on and off and then we're turning
the font on and off again one word will
be red one word will be blue and there
you go
thank you for watching I hope you find
this entertaining and educational I'll
try to make more videos as time allows