Basic Things Of Web Development
Learn Web Development For Free
Do You Want To Know Basic Things Of Web Development? If Yes Then You Are On Right Site.
Without Any Further Ado Let's Get Started...
Basic Things Of Web Development
- Basic Things Of Web Development Are
HTML
HTML Is Markup Language Used For Creating & Describing Structure Of A WebPage.
HTML Consists Of Collection Of Tags AKA Elements.
Tags Are Made Up by an opening tag, attributes, some data, and closing tag:
some of them are given and defined below:
<!DOCTYPE html> Declares That The Document Is HTML 5.<html>Is Root Element Of HTML.<head>contains meta-information of the Webpage.<title>This Element Specifies The Title Of Document Written At The Tab Of A Browser.<body> This element makes up a container for all the data you need to show on the webpage.<h1> HTML Consists Of A Group Of Heading The Largest Of Them Is h1, h2 is smaller than h1 and h3 is smaller than h2. this cycle continues till h6.<p> this element makes a paragraph.There Are Two Types Of Tags.
- Paired Tags (Which Start With <> And end With </> . For example <h1>This Is Heading </h1>)
- Unpaired Tags (Which Start With <> And Do Not Need Closing Tags(</>). For example <hr> which makes up Horizontal line )
Now You Would Say What Is An Attribute?
So Basically Attribute Gives A Tag Some Characteristics And Specifications
for example : <h1 style="font-family:Arial;">This Is Specified Heading</h1>
That's Some Basics About HTML.
CSS
CSS Is Used For Giving Styles And Design To A Webpage.
Here Are Some Basics About CSS:
CSS Can Be Used With Three ways
- Inline(In this Way CSS is used as a style attribute in any tag)
- Internal (In this Way CSS is Used With style tag for example : <style> CSS HERE</style>)
- External(In This Way We Have To Create Another file with CSS extension and then link it with our HTML using link tag)
Class And Id Are Two Of The Selectors. That we will discuss later.
And Then CSS Needs Some Tasks To Perform On The Object. Tasks Are Written In Property And Value
For Example:
.skill{
background-color: #ffff00;
}
.skill is a class which we give using the class attribute
for example <div class="skill"> THIS IS A BLOCK </div>
now background-color is property and #ffff00 is the value.
it Should Show Something Like This
THIS IS A BLOCK
This Wraps It Up For Basics Of CSS.
Those Were Some Basic Things Of Web Development.
Comments
Post a Comment