Social_Media/Whatis.html at main · mohnalkhateeb/Social_Media · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
<!DOCTYPE html>
<html lang="en">
<head>
  <title>Social Media</title>
  <link rel="stylesheet" href="CSS/style.css">
  <!--<style>
 ul {
  list-style-type: none;
  margin: 0;
  padding: 10;
  background-color: white;

}

li {
  display: inline;
  margin: 10;
  padding: 10px;
  text-align: left;

}
header {
  background-color: blue;
}
main {
  background-color :#448dee;
}
h6{
  text-align:mid;
}
</style> -->
</head>
<body>
  <header>
    <h1>Social Media in our Life</h1>
    <nav>
      <ul>
        <li>
          <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTT-8ruOQgQO8s_PHfvvjQekj3ePj_pVnwu_g&usqp=CAU.png" alt="logo" width="20" height="20">
        </li>

        <li>
          <a href="index.html">Home</a>
        </li>
        <li>

         <a href="Whatis.html">Social Media Type</a>

        </li>
        <li>
          <a href="WebSites.html">Social Media Websites</a>
        </li>
      </ul>
    </nav>


  </header>
  <main>
    <article>
      <section>
        <p class="secph">Social networking sites are classified into ten types according to the goal they were created for:Social networks,Discussion forums,Consumer review networks,Blogging and publishing networks,Interest-based networks,Social shopping networks, Sharing economy networks and Anonymous social networks</p>

      </section>
   <section>
     <h3>Types of Social Media</h3>
   <table id="fullsc">
     <tr style="background-color:#dcdcdc">
       <th><h4>Type</h4></th>
        <th><h4>Uses</h4></th>
        <th><h4>Examples</h4></th>
     </tr>
     <tr style="background-color: white">
       <td><h5>Social networks</h5></td>
       <td>To connect with people (and brands) online.</td>
       <td><a href="https://web.facebook.com">Facebook</a>
       <a href="https://twitter.com">twitter</a>
       <a href="https://www.linkedin.com">LinkedIn</a>
       </td>
     </tr>
     <tr style="background-color: white">
       <td><h5>Media sharing networks</h5></td>
       <td>To find and share photos, video, live video, and other media online.</td>
       <td><a href="https://www.instagram.com">Instagram</a>
       <a href="https://www.snapchat.com">Snapchat</a>
       <a href="https://www.youtube.com">Youtube</a>
       </td>
     </tr>
     <tr style="background-color: white">
       <td><h5>Discussion forums</h5></td>
       <td>To find, discuss, and share news, information, and opinions.</td>
       <td><a href="https://www.reddit.com">Reddit</a>
       <a href="https://ar.quora.com">Quora</a>
       <a href="https://digg.com">Digg</a>
       </td>
     </tr>
     <tr style="background-color: white">
       <td><h5>Bookmarking and content curation networks</h5></td>
       <td>To discover, save, share, and discuss new and trending content and media.</td>
       <td><a href="https://www.pinterest.com">Pinterest</a>
       <a href="https://flipboard.com">Flipboard</a>

       </td>
     </tr>
     <tr style="background-color: white">
       <td><h5> Consumer review networks</h5></td>
       <td>To find, review, and share information about brands, products, and services, as well as restaurants, travel destinations, and more.</td>
       <td><a href="https://www.yelp.com">Yelp</a>
       <a href="https://www.zomato.com/beirut">Zomato</a>
       <a href="https://www.tripadvisor.ca">Tripadvisor</a>
       </td>
     </tr>
     <tr style="background-color: white">
       <td><h5> Blogging and publishing networks</h5></td>
       <td>To publish, discover, and comment on content online.</td>
       <td><a href="https://wordpress.org">WordPress</a>
       <a href="https://www.tumblr.com">Tumblr</a>
       <a href="https://medium.com">Medium</a>
       </td>
     </tr>
     <tr style="background-color: white">
       <td><h5> Social shopping networks</h5></td>
       <td>To spot trends, follow brands, share great finds, and make purchases.</td>
       <td><a href="https://www.etsy.com">Etsy</a>
       <a href="https://fancy.com">Fancy</a>

       </td>
     </tr>
     <tr style="background-color: white">
       <td><h5> Interest-based networks</h5></td>
       <td>To connect with others around a shared interest or hobby.</td>
       <td><a href="https://www.goodreads.com">GoodRead</a>
       <a href="https://www.houzz.com">Houzz</a>
       <a href="https://www.last.fm">Last</a>
       </td>
     </tr>
     <tr style="background-color: white">
       <td><h5> ‘Sharing economy’ networks</h5></td>
       <td>To advertise, find, share, buy, sell, and trade products and services between peers.</td>
       <td><a href="https://www.airbnb.ca">Airbnb</a>
       <a href="https://www.uber.com/jo/en/">Uber</a>
       <a href="https://www.taskrabbit.com">Taskrabbit</a>
       </td>
     </tr>
     <tr style="background-color: white">
       <td><h5> Anonymous social networks</h5></td>
       <td>To gossip, vent, snoop, and sometimes bully.</td>
       <td><a href="http://whisper.sh">Whisper</a>
       <a href="https://ask.fm">Ask.fm</a>

       </td>
     </tr>
   </table>

   </section>
    </article>
  </main>
  <footer><p>CopyRight @Mohammad</p></footer>

</body>
</html>