Showing posts with label Nested Ordered List with Attribute. Show all posts
Showing posts with label Nested Ordered List with Attribute. Show all posts

A few new tags to learn

There are a lot more tags, but we will just cover few more for now, mostly straightforward to use and you can see the effect in your web page when you use them:

<q> - The q tag is for quote. This has no relationship to the somewhat confusing sing and double quote character, rather it's used when you want to quote a person or written work in your web pag. It is customarily displayed using quotation marks, again unrelated to strings. thus <q>Brevity is beautiful</q>

 <blockquote> - If you want to quote a larger passage, you may want to use blockquote , which will typically set the quoted text apart from the surrounding text and indent it, to make clear that it is quoted text.

Early to bed and early to rise, makes someone healthy, wealthy and wise-Benjamin Franklin
 <hr> - This one might be debatable, HR originally stood for "Horizontal Rule", i.e. horizontal line across width of the text. It's still there in HTML , but now is officially supposed to represent a "thematic break" in the content.


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. 



Nested Unordered List with Attribute

We have learned Unordered list. We can define the bullet by using the attribute TYPE. Generally we use SQUARE, CIRCLE, and DISK bullet.

Here is an example:
<HTML>

<HEAD>

    <TITLE> Example of Nested Ordered List with Attribute </TITLE>

</HEAD>

<BODY>

    <H1>Tanjies Web designing</H1>

<P> <STRONG> Our Features</STRONG></P>

    <UL>

        <LI>Web Desinging

        <UL TYPE = CIRCLE>

        <LI>Responsive Design

        <LI>Customized Website

        <LI>Wordpress Site</UL>
    </UL>
    <UL>

        <LI>Search Engine Optimization

        <UL TYPE = SQUARE>

        <LI>Back Linking

        <LI>Bookmarking

        <LI>Blogging</UL>

    </UL>

</BODY>
</HTML>

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

All rights reserved by Tanjies Design