Special Characters to be used in html coding, they should not be use as such but should be replace with any one of the code to the right side. otherwise it will create formatting error in the browser.so if you want to add < you will have to code it as < or <
non-breaking space  
< less than < <
> greater than > >
& ampersand & &
" quotation mark " "
' apostrophe ' (does not work in IE) '
Ever wondered what makes the webpage interesting it is the color combination, images and content.
Div
This ia a basic container tag with an additional attribute zindex which specify the layer on whic the div is rendered
Example Syntax <div></div>
You can add any other container tags other than body, html, head ,title in div
Span
span is a non breaking text container.
Example syntax: <span> hello</span>
Font
Specify the font size color and face in this for any enclosing text containers
Example syntax:<font size=3 color=rg(20,20,20) face=arial><span> hello</span> </font>
Image
To display images in a html file you will use the <img> tag
Syntax :<img src="" height="" width="" align="" alt="" title="">
important attributes
src: specifies the source location of the image on the internet it is a url it can be sepcified as relative or static url depending on location. if image photo.gif is on the /image folder of the web site you give relative url in src attribute. src is the minimum required attribute for the image
<img src="/image/pohoto.jpg"> OR absolutely as <img src="http://www.vivarem.com/img/vivarem.jpg">
specifying size for an image is also important as the size of theimage can change according to our choice. if we give a small height and width for the web page the image size will be reduced and if we give bigger size vice versa. if the web page is unable to render image due any reason like a text only browser or images have been blocked by the browser, then the alternate text gains importance, as the text in the alt attribute will give information of the image in the place
Learn by doing - image
vivarem learn by doing more advanced html tutorial with online practice |
