Tip:
Highlight text to annotate it
X
Hello and welcome back to geek disorder's web series operational
but css3 JavaScript and jQuery this islamic I'll be going over the series
with you
a today world over the color attributes
I am 20 the class and the ideal
we already went over but it's a good these are two important what's up here
this is a good place to
Cano reiterate on those will also be discussing 221 so that is the title
and the like which review okay was going to get started
well I'm a little heads up the whole document but this one because
the there are a couple places I'd like to talk about um
hopes are up first thing you do is with you say this is a web page
I've already got one are required to hear on my desktop
or court review each crib attributes
an obstacle to score a lot HTML
and here we go first thing you need
a course is your doctype are a
HTML and their course
we want to start are used to mail here animals within close it new
we need our help element close the head element
a we need our body element well thats
are out we got our basic a were patient set up
%uh there are a few things well we need
and this is a new one um will go over
the like which alarm attribute first because
Russell you the first on it when you open up your HTML tag
um this is mainly for screen readers and such
and is also help sell the search engines
%uh it's called the lake which element and it looks like
this right here its lake which
equals and inside the
the car to you're a a trip you here
you put what like using were using English
so english is the medium and there we go
when a search engine goes over your web page
it's a look at this like which element and his girl knows that it's set to
English
so if someone is searching and they restrict
their searches based off the lake which used its cool
this will include teachers with englishman it or know what
late was to put your web page in that could help you if they're
restricting are based on language %uh
something else is the screen readers baby to dole
what laying which your doctor webpages am
so they can know what language to use to you know
re the document and it also helps with them knowing how to production way
a certain words so you only will set that
the accessibility think and it also helps the search engines and stuff like
that
are a and with the score tributes Thursday what they know
is they can be coded into most HTML
elements so if somewhere down the line you have say a paragraph
in that paragraph isn't frenchmen you can't change the lake which for that
paragraph
okay a to Fritch
a and so on so
our there's there and of course I'm up your behavior here
and remember the Meditech you always need is your character set
and we're set their equal to you to:
dash eighty whoops 8 there we go
are Dhaka
our well the next thing we need is a title
salwen the title here and I'm just so called us
core attributes you
group are up
not now we've moved an inch our party a overpay share
all right we don't but the language tech and remember
I used herein the HTML tag remember you can use did
the netbook where you want to use it but you if needed you can also use it in
just about
any other element dispersed by a different language
I the next to a trip you were to look at
if the title attribute alright the title attribute
um well we learn about the towel element which is right here
miss lapel tribute the telomeric titles your web page it displays
you know the title appear they are the sub rosa bar
well the tall tribute is kinda the same thing
it titles and element
and so all use it on a paragraph
here go ahead and just and will put the
this is a erode Kira
are a am led a title a tribute to this
and the letter that is titled equals and then I added Mike
content for the style tak output
the knobs complete paragraph
we don't you alright there we go
and will save the earth and I'm running Firefox
and inside the year paragraph elmer
up but this is a paragraph that the content of that elmer
inside the title attribute on that paragraph
elmer up book paragraph so we can see the tribute the way we look at the
tribute the way the tribute effect this paragraph elmer
is to hover over the content there you go
I have a pop-up this is paragraph best
from the title up for grabs that information from it gives me a pop-up
that's the way the culture the works force the top
okay so a that is the title
a attribute remember when using
place in it almost any element it if you look at images
sometimes you'll get images a title sometimes you won't give
I am input a title
and so on a so the next to or the class and the
I D and those who have I would never before but
though these two are very importance of give mother refresher
P class and I D names I'll
so if I put in a paragraph here
our and it'll create to
paragraph here
are a and the start one is a leading IT almost there people
to say I'll ok
main character a
are up the second one is gonna be my class an ellipsis
medical to the say Upolu
PG Kara alright let's look at these
will the I am ID's and class names
I'll that is this right here this main paragraph in this blue
PG what you name those there are some rules to that they are case sensitive
I so you couldn't you know someone your CSS put blue
PG with a lower case be not be the same thing
so it's not like connect piece together there they had to be the same
case so everything this lower case and this title has been lower case we use
somewhere else
I think this upper case has to be uppercase are up but
they should start with the letter they can include letters numbers
underscores happens colon periods
so that's all the stuff you can use when created a name to remember
they should start with the letter I
okay so what would but as the idea what does the class do
I'll well we'll be using these a lot more we getting toward
the CSS other thanks a you'll really learn how they interact
CSS interacts with HTML and how the class fatty work or get to the
that section but a brief overview of what class in the ID does
is an ID a is unique
a you can use an ID wants so this
main paragraph ID right here
I can only use wants to mark my webpage and
most the Tom up people liked creative
arm and court you know
content or well web page or main page
or you nobody supplemental I'm and
that for them to get the ID for that give
and what they're saying is is this right here this
dear I'm puttin all the contents of this deal
and course you know I'll have another main page or the body or anything like
that so that's a good use for an ID
is unique you can only be used once you can have multiple Rd Stuart 2 web page
but they cannot have the same name so I can only use
main paragraph one-time class on the other hand is not unique
he can be use repeatedly a in your honor
your web page so I you fail to have a blue background if that's what this
class does
effect ties in my CSS in anything I give this class
the day blue background CSS will give their
element a blue background so I can put this throughout my
I'll web page give a paragraph except for one
the class blue background and every paragraph has
the class blue background will get a blue background
ones that don't will not okay let's let's go to help class 90 works
I and so I believe for next working actually getting
the to lack the deer and span elements and
so on selection or some other building blocks love our web pages
and how to structure web pages so dissident Levick
with ur get disorder if you like our content please subscribe
police shares well leave a comment will try to get back with you
alright and we'll see you next update