HTML Tutorials
Html What isHtml Comments
Html <!DOCTYPE>
Html A Type Tag
Html B Type Tag
Html C Type Tag
Html D Type Tag
Html S Type Tag
Html T Type Tag
Html H1-H6 Tag
Html Form Input
Html Phrase Tag
Html I Tag
Html U Tag
Html Hr Tag
Html Ul Tag
Html Pre Tag
Html Object Tag
Html Param Tag
Html Ol Tag
Html Noscript Tag
Html Noframes Tag
Html Meta Tag
Html Map Tag
Html Link Tag
Html Li Tag
Html Legend Tag
Html Ins Tag
Html Iframe Tag
Html Html Tag
Html Font Tag
Html Q Tag
Html P Tag
Html Img Tag
html Style Tag
In the html <style> tag is used to includes inner styles for html page and which provides style information for Html page and when you includes style tag you must assign type="text/css" attributes. Each html page you can use many <style> tag.html has introduced in new scoped attribute for <style> tag.
If you use scoped attribute for <style> tag, you can access inside of <body> that style sheet otherwise you must include <style> tag between <head> and </head>.Mostly type, media and scoped attribute we will use for style tag.
Syntax:
<style>
---
</style>
---
</style>
Example Code
<style>
h1#one {
color:#00CC00;
}
h2#two {
color:#FF0000;
}
</style>
<h1 id="one"> Heading 1 Style Sheet </h1>
<h2 id="two"> Heading 2 Style Sheet </h2>
h1#one {
color:#00CC00;
}
h2#two {
color:#FF0000;
}
</style>
<h1 id="one"> Heading 1 Style Sheet </h1>
<h2 id="two"> Heading 2 Style Sheet </h2>
Out Put:
Heading 1 Style Sheet
Heading 2 Style Sheet
In the above example css applied for h1 and h2 tag.In the h1 tag has applied green color and h2 tag has applied red color.
|
|
Tweet |
|
|