When you browse through the web site where does those pages come from and how come they are designed??
Obviously they are not stored in the database in the format you see in the front end.When you request a web page from a server it is the combined processing of the
-->Html files
-->Css files
-->Script files that make the front end layout and together with the data retrieved using the database and the framework ,you get what you see on the screen.
HTML is hypertext markup language.Markup language is a language that is used for annotating a document such that it is syntactically distinguishable.This describes the web page as a whole between the <html > and the </html> tage.
It is a good practice to include the end tag for each tag.
<p> creates a new paragraph
<a href="google.com>link</a>-->Used to create a hyperlink
To insert image give
<html>
<body>
<img src="sam.jpg width=90% height=90%/>
</body>
</html>
href ,height and width are the attributes.There can be many attributes to an element.
Formatting Text:
<b> to make the text bold ,<i> to render it to italics,<em> to emphasize are some of the formatting options.
You can link a given html file to many css files or to many script files.
Css files are used to style the given html file ,to set the layout,background colors and stuff.
<h2 style="background-color:red;">This is a heading</h2>
This is an example of embedding style into a html file between the tags.
Styles and scripts can be added in 3 ways
-->In the html body anywhere
-->Within the script or the style tag.
-->Or in an external file.
The third option is the best option to be followed.
If its an external stylesheet the code should be given in the html is
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css" />
</head>
Setting the layout of the page:
-->In ancient times tables where used to do this work.But it is not a proper option and it is sometimes messy for certain layouts.
--><div> is used instead of that..
What is <div>??
<div> is nothing but a container of type "block " element.
How does it differ from span??
Span is generally used for text.And moreover span is an INLINE element.
You can specify the size and properties of a div element with a unique id ,and many such div elementss combined is taken as a web page.
Each div can be uniquely identified by either "id" or "class" attribute."id" is used whenever there is only 1 of its kind in the page,else "class" is used.
A sample of the web page code i worked with along with its styled output...
AUDIO BLOG:
http://yourlisten.com/channel/content/16904979/HTML_BASIC
- Sourcebits University
Cloud Computing
www.sourcebits.com
Obviously they are not stored in the database in the format you see in the front end.When you request a web page from a server it is the combined processing of the
-->Html files
-->Css files
-->Script files that make the front end layout and together with the data retrieved using the database and the framework ,you get what you see on the screen.
HTML is hypertext markup language.Markup language is a language that is used for annotating a document such that it is syntactically distinguishable.This describes the web page as a whole between the <html > and the </html> tage.
It is a good practice to include the end tag for each tag.
HTML:
This has the head section which consists of the subtags
<title>-To display the title
<meta>-To describe the web page and the key words
<base>-default address for all url in the wenpage
<link>-Link to an external file
<script>-LInk to an external script file
<style>-To link to a css file.
Text is given between the <body> and the </body> tags.
The HTML elements are of 2 types,BLOCK elements and the INLINE elements.
Block elements always create a new object in a new line.eg are <p>,<br>,<div> etc
Inline elements are created without a line break in the same line.eg are span,a, etc
<p> creates a new paragraph
<a href="google.com>link</a>-->Used to create a hyperlink
To insert image give
<html>
<body>
<img src="sam.jpg width=90% height=90%/>
</body>
</html>
href ,height and width are the attributes.There can be many attributes to an element.
Formatting Text:
<b> to make the text bold ,<i> to render it to italics,<em> to emphasize are some of the formatting options.
You can link a given html file to many css files or to many script files.
Css files are used to style the given html file ,to set the layout,background colors and stuff.
<h2 style="background-color:red;">This is a heading</h2>
This is an example of embedding style into a html file between the tags.
Styles and scripts can be added in 3 ways
-->In the html body anywhere
-->Within the script or the style tag.
-->Or in an external file.
The third option is the best option to be followed.
If its an external stylesheet the code should be given in the html is
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css" />
</head>
Setting the layout of the page:
-->In ancient times tables where used to do this work.But it is not a proper option and it is sometimes messy for certain layouts.
--><div> is used instead of that..
What is <div>??
<div> is nothing but a container of type "block " element.
How does it differ from span??
Span is generally used for text.And moreover span is an INLINE element.
You can specify the size and properties of a div element with a unique id ,and many such div elementss combined is taken as a web page.
Each div can be uniquely identified by either "id" or "class" attribute."id" is used whenever there is only 1 of its kind in the page,else "class" is used.
A sample of the web page code i worked with along with its styled output...
http://yourlisten.com/channel/content/16904979/HTML_BASIC
- Sourcebits University
Cloud Computing
www.sourcebits.com
No comments:
Post a Comment