html5 - Semantic HTML: List of Users -
how should mark list of users?
each user has name, picture, , job title.
how's this?
<h1>venmo</h1> <h2>employees</h2> <ul> <li> <article> <img src="http://www.gravatar.com/avatar/7e6e0e2b73358e47e0b7f83f8111f75b"> <h3>matt di pasquale</h3> <p>software engineer</p> </article> </li> <!-- ... --> </ul>
should remove article
elements? should remove ul
& li
elements?
this isn't list of users table of data users. each user has image, name , job title. gives rows , columns.
table { display: block; } tr { display: block; overflow: auto; clear: left; margin-bottom: 10px; } td { display: block; width: 200px; } td:first-child { float: left; width: auto; } td:nth-child(2) { margin-left: 60px; padding-bottom: 6px; border-top: solid grey 2px; } td:nth-child(3) { margin-left: 60px; padding-top: 6px; border-bottom: solid grey 2px; }
<table> <tr> <td> <img src="http://b.dryicons.com/images/icon_sets/shine_icon_set/png/256x256/black_female_business_user.png" alt="" width="50" /> </td> <td>jane smith</td> <td>software engineer</td> </tr> <tr> <td> <img src="http://b.dryicons.com/images/icon_sets/shine_icon_set/png/256x256/black_female_business_user.png" alt="" width="50" /> </td> <td>jane smith</td> <td>software engineer</td> </tr> <tr> <td> <img src="http://b.dryicons.com/images/icon_sets/shine_icon_set/png/256x256/black_female_business_user.png" alt="" width="50" /> </td> <td>jane smith</td> <td>software engineer</td> </tr> </table>
Comments
Post a Comment