Showing posts with label Web Design In HTML. Show all posts
Showing posts with label Web Design In HTML. Show all posts

HTML Attributes

All HTML elements can have Attributes. Attributes provides additional information about the element.  Attributes are always specified at the start of tag.

The lang Attribute

The language of the document can be declared in <html> tag. The language is declared with lang attribute. Declaring a language is important for accessibility application. and search engines.

<!DOCTYPE html>
<html lang ="en-US">
<body>
...............
................
</body>
</html>

MARGIN ATTRIBUTE

Like any other document we can select TOP, BOTTOM, LEFT, RIGHT Margin for HTML document

Here is an example 

<HTML>
<HEAD>
<TITLE> Example of Margin Attribute </TITLE>
</HEAD>
<Body background=bg.jpg LEFTMARGIN="100" RIGHTMARGIN="60">
<H1>This is Tanjies </H1>
<P><Strong>Services we are providing</strong></p>
<OL>
<Li>Web Development
<Li>Search Engine Optimization
<Li>Web Application
<Li>Social Media Marketing
</OL>
<P><Strong>Themes We are Using </strong></p>
<OL>
<Li>The 7
<Li>Avada
<Li>Jollyall
<Li>Udesign
</OL>
<Body>
</HTML>

The saving procedure is like before, but if u face something wrong then don't forget to write me. 



List Element (Attribute with Ordered List)

In earlier post we have seen List element with out any attribute and that was the reason it took 1,2,3.. etc as default. We can set from which number the list element will start.

Format:

<OL Start="Number">.....</OL>

Now we will rewite the same code as earlier programe and use the new tag

<HTML>
<HEAD>
<Title> List Element Example</Title>
</HEAD>
<BODY>
    <H1> 3 Angle Software</H1>
    <P> <STRONG> Courses in 3 Angle Software</STRONG></P>
        <OL>
            <LI>Programming in C
            <LI>Programming in C++
            <LI>Visual Programming
            <LI>Java Programming
            <LI>Web Designing
        </OL>
       
    <P> Multimedia Courses</P>
        <OL START="6">
            <LI>Graphics Courses
            <LI>Editing Courses
            <LI>2D Animation Courses
        </OL>   
</BODY>
</HTML>
        Now we need to save this as we did earlier and then if we run it we will get a result like bellow image


 
I hope this will help you to understand, practice it and if you found any problem let me know in comment or email me in srv2013@gmail.com. Feel free to share if it helped you. Best of Luck