How to Create an HTML List & Menu Simple (Basic of Unordered List)

Basically, almost all of the menu using an HTML list structure, in this case is an unordered list (ul tag) or Unordered list that summarizes the whole list (li tag). Any form of navigation in the form of menus using the structure of the tag and the tag and then added to the rules that shape the look, function, and an interesting effect (CSS and Javascript).Unordered list is used to form the array list / list that is not arranged in order of numbers. As for the structure of a sequential list (ordered list <ol>) arranged in order of numbers; of 1, 2, 3, and so on. About this, I will discuss on the occasion of the next post.
With a little styling, the list will appear with a starting point, drawing, or other symbols list in accordance with the rules brought about by the template styling. In advanced, with the added styling, function, and effects, the menu list will be horizontal, vertical, or other menus are very attractive and eye-catching.
The basic structure of an unordered list starts with <ul> tag and closed with a closing tag <ul>. In it there is the composition of list-list, each of which is in <li> tag and </ li>.

    <ul>
    <li> text / item here </ li>
    <li> text / item here </ li>
    <li> text / item here </ li>
    <li> text / item here </ li>
    <li> text / item here </ li>
    </ Ul>
Without the rule of broad and high, both with HTML and CSS, the display list will appear in the order per line:

        text / keyword?
        text / keyword?
        text / keyword?
        text / keyword?
        text / keyword?
The idea of ​​using this simple list will facilitate in making the list manually, both for the sake of making the list in the post and create a menu that is displayed in the sidebar. Almost all the navigation menus on the sidebar of this blog I created with the menu list manually. Why? There are several compelling reasons why I make the menu list manually:

    Content customization easier than having to use a special widget, such as labels. We can easily make changes without having to edit the HTML template. For example when I have to change the anchor text, apply the attribute (eg the nofollow attribute) on the label, and free to CSS styling.
    Know that most of the widgets that contain automatic generated list such as popular posts, recent posts, and other navigation widgets that most use the feed link or redirect links? Such links are not indexed by search engines, as has been described Google in Google's Quality Guidelines and Criteria for Content. To strengthen the page structure, you should multiply the link list that directly led to the link / page in question.
    Can be set through the menu as they pleased, without generating the results of the widgets that are sometimes not in accordance with the wishes. For example, for the popular posts, you can easily manipulate its contents to maximize post yag visitors rarely touched. : P
    Can make a list of non menus (which are not used for navigation) easily in the sidebar. For example to create a specific list that serves as the information (you can see an example at the bottom right sidebar, below the logo exactly ^_^). Copyscape
To make the list menu that contains a link, just add a tag along with her anchor text in li tag:

    <ul>
    <a href="#"> anchor text </ a> </ li>
    <a href="#"> anchor text </ a> </ li>
    <a href="#"> anchor text </ a> </ li>
    <a href="#"> anchor text </ a> </ li>
    <a href="#"> anchor text </ a> </ li>
    </ Ul>
Example results are:

        Tips To Increase Number of Pageview Blog
        How to Create a Menu / Navigation Breadcrumbs on Blogger / Blogspot
        Understanding the characteristics and How To Optimize Blogger Label
        New feature: Blogger Custom Favicon and How to Make
        HTML Link, Link Images, and Important Attributes
You can easily make it in the sidebar instead of a menu widget content can be set manually, so it can be handled in full. To create a list like this in the sidebar menu, go to the Dashboard> Design / Design> click on add a gadget / gadget added> select HTML / Javascript. Give it a title match the content of menus and stacking list as you wish. Display the menu list will follow the rules that have been taken by the blog template (inherited).
That is the basis of an HTML unordered list and a menu list. Further in the future I will be presented some other concepts from a variety of elements and structure of the list web / blog along with its styling and also there will be some horizontal and vertical menus which I will dedicate (Insha Allah).