Surely you know that users who deal with different sites are increasing their awareness day by day and have the power to recognize which of the existing sites gives value to their user and which one is just thinking about achieving their goals, in order for different users to like the appearance of a site and choose it among the others, you should try to create a suitable appearance for it, and there are several ways to do this, one of which is the use of CSS language.There are various features in this language that can be mastered in order to encourage various users to use the web and applications that you have created, in the following, we are going to mention some of the features that exist in it and can be used, but before that, it is necessary to give a brief explanation of CSS.
What is CSS?
The word stands for Cascading style sheets , in fact, it describes how HTML elements are displayed on various sites, it is used to control the layout of multiple web pages at the same time, and as we have mentioned before, using it can make the website more attractive to users , as a result, by using it, you can attract users’ attention, so that you can achieve your goal as soon as possible.
CSS Navigation Bar:
The Navigation Bar can make it possible to turn menus that you have created using HTML which are not attractive to attractive ones that the gives the opportunity to the user to gain a positive user experience by using it, in fact, it is a list that is created from different links, now note the following example where a Navigation Bar is created from a list of HTML.<! DOCTYPE html>
<html>
<body>
<ul>
<li> <a href="#home"> Home </a> </li>
<li> <a href="#news"> News </a> </li>
<li> <a href="#contact"> Contact </a> </li>
<li> <a href="#about"> About </a> </li>
</ul>
<p> Do you know, some people are earning millions just from owning a mobile app? </p>
</body>
</html>As you can see in the example above, next to each of the items in the bar, there is a bullet that you can use to remove each of them from the following command.
<! DOCTYPE html>
<html>
<head>
<style>
ul {
list-style-type: none;
margin: 0;
padding: 0;
}
</style>
</head>
<body>
<p> Do you know, some people are earning millions just from owning a mobile app? </p>
<ul>
<li> <a href="#home"> Home </a> </li>
<li> <a href="#news"> News </a> </li>
<li> <a href="#contact"> Contact </a> </li>
<li> <a href="#about"> About </a> </li>
</ul>
</body>
</html>It is available in both horizontal and vertical, which we are going to briefly discuss in the following.
Read more on:https://www.dotnek.com/Blog/Web/learn-navigation-bar-photo-gallery-image-opac
link:https://dotnek.mystrikingly.com/
Related link:check this out
:: برچسبها:
dotnek ,
seo ,
site ,
:: بازدید از این مطلب : 40
|
امتیاز مطلب : 0
|
تعداد امتیازدهندگان : 0
|
مجموع امتیاز : 0
عضو شوید
عضویت سریع
آمار مطالب
آمار بازدید
