<!DOCTYPE hmtl> <html> <head> <title>Table Fun</title> </head> <body> <br> <table border="3"> <thead> <tr> <th style="background-color: blue; text-align: center;">This HTML ART</th> <th style="background-color: blue; text-align: center;"> This is NET ART </th> <th style="background-color: blue; text-align: center;"> This is URL ART </th> </tr> </thead> <tr> <td style="background-color: yellow; text-align: center;">Net Art Url Dependent</td> <td style="background-color: yellow; text-align: center;">HTML Table ART Exercise #1</td> <td style="background-color: yellow; text-align: center;">Why Make HTML ART Tables?</td> </tr> <tr> <td><img src="https://www.ryanseslow.com/wp-content/uploads/2016/08/riffeded2-1.gif" width="500px" height="400px"/></td> <td><img src="https://www.ryanseslow.com/wp-content/uploads/2016/09/debate1.gif" width="500px" height="400px"/></td> <td><img src="https://www.ryanseslow.com/wp-content/uploads/2016/08/oldtrainsflowiii.gif" width="500px" height="400px"/></td> </tr> <tr> <td style="background-color: yellow; font-size: 16px; text-align: center;"> Y E L L O W </td> <td style="background-color: red; font-size: 16px; text-align: center;"> R E D </td> <td style="background-color: pink; font-size: 16px; text-align: center;"> P I N K </td> </tr> <tr> <td style="background-color: green; font-size: 20px; font-family: Helvetica; text-align: center;"> B L U E </td> <td style="background-color: pink; font-size: 20px; font-family: Helvetica; text-align: center;"> G R E E N </td> <td style="background-color: yellow; font-size: 20px; font-family: Helvetica; text-align: center;"> O R A N G E </td> </tr> <tr> <td style="background-color: pink; text-align: center; font-size: 28px;">HTML ART</td> <td style="background-color: orange; text-align: center; font-size: 28px;">NET ART</td> <td style="background-color: blue; text-align: center; font-size: 28px;">URL ART</td> </tr> <tr> <td><img src="https://www.ryanseslow.com/wp-content/uploads/2016/09/SLOW-vhs.gif" width="500px" height="500px"/></td> <td><img src="https://www.ryanseslow.com/wp-content/uploads/2016/09/asset-slow.gif" width="500px" height="500px"/></td> <td><img src="https://www.ryanseslow.com/wp-content/uploads/2016/08/IMG_0173.gif" width="500px" height="500px"/></td> </tr> <tr> <td style="background-color: yellow; font-size: 22px; text-align: center;"> Y E L L O W </td> <td style="background-color: red; font-size: 22px; text-align: center;"> R E D </td> <td style="background-color: pink; font-size: 22px; text-align: center;"> P I N K </td> </tr> <tr> <td style="background-color: green; font-size: 20px; font-family: Helvetica; text-align: center;"> B L U E </td> <td style="background-color: pink; font-size: 20px; font-family: Helvetica; text-align: center;"> G R E E N </td> <td style="background-color: yellow; font-size: 20px; font-family: Helvetica; text-align: center;"> O R A N G E </td> </tr> <tr> <tr> <td><img src="https://www.ryanseslow.com/wp-content/uploads/2016/09/rms11.gif" width="500px" height="500px"/></td> <td><img src="https://www.ryanseslow.com/wp-content/uploads/2016/09/seacam.gif" width="500" height="500"/></td> <td><img src="https://www.ryanseslow.com/wp-content/uploads/2016/09/giphy-4.gif" width="500px" height="500px"/></td> </tr> <tr> <td style="background-color: green; font-size: 20px; font-family: Helvetica; text-align: center">a blank space</td> <td style="background-color: pink; font-size: 20px; font-family: Helvetica; text-align: center;">field of potential</td> <td style="background-color: yellow; font-size: 20px; font-family: Helvetica; text-align: center;">creative alternative</td> </tr> <tr> <td><img src="https://www.ryanseslow.com/wp-content/uploads/2016/05/Internet-Down-2.gif"/></td> <td><img src="https://www.ryanseslow.com/wp-content/uploads/2016/05/Internet-Down-2.gif"/></td> <td><img src="https://www.ryanseslow.com/wp-content/uploads/2016/05/Internet-Down-2.gif"/></td> </tr> <tr> <td style="background-color: green; font-size: 20px; font-family: Helvetica; text-align: center;"> R E D </td> <td style="background-color: pink; font-size: 20px; font-family: Helvetica; text-align: center;"> G R E E N </td> <td style="background-color: yellow; font-size: 20px; font-family: Helvetica; text-align: center;"> W H I T E </td> </tr> <tr> <td style="background-color: yellow; font-size: 16px; text-align: center;"> N E T L I N K S </td> <td style="background-color: red; font-size: 16px; text-align: center;"> R E D I R E C T S </td> <td style="background-color: pink; font-size: 16px; text-align: center;"> C O N S U M P T I O N </td> </tr> <tr> <td style="background-color: green; font-size: 20px; font-family: Helvetica; text-align: center;"> B L U E </td> <td style="background-color: pink; font-size: 20px; font-family: Helvetica; text-align: center;"> G R E E N </td> <td style="background-color: yellow; font-size: 20px; font-family: Helvetica; text-align: center;"> O R A N G E </td> </tr> <tr> <tr> <td><img src="https://www.ryanseslow.com/wp-content/uploads/2016/09/rms11.gif" width="500px" height="500px"/></td> <td><img src="https://www.ryanseslow.com/wp-content/uploads/2016/09/camz.gif" width="500" height="500"/></td> <td><img src="https://www.ryanseslow.com/wp-content/uploads/2016/09/giphy-4.gif" width="500px" height="500px"/></td> </tr> <tr> <td style="background-color: red; font-size: 28px; text-align: center;"> Engage the Hexidecimal Colors</td> <td style="background-color: yellow; font-size: 28px; text-align: center;"> There are many more Hex Colors</td> <td style="background-color: pink; font-size: 28px; text-align: center;"> Many Hex colors in the pixel rainbow.</td> </tr> <tr> <td style="background-color: yellow; font-size: 24px; font-family: Helvetica; text-align: center;"> F R O N T - E N D </td> <td style="background-color: pink; font-size: 24px; font-family: Helvetica; text-align: center;"> R E D I R E C T S </td> <td style="background-color: green; font-size: 24px; font-family: Helvetica; text-align: center;"> B A C K - E N D </td> </tr> <tr> <td style="text-align: center; font-size: 18px;">This html tables resource is very helpful --> </td> <td style="text-align: center; font-size: 18px;"><a href="http://www.tizag.com/htmlT/tables.php">I really like it! Click here and use it if you want.</a></td> <td style="text-align: center; font-size: 18px;">What html resources have you found for making ART?</td> </tr> </table> </body> </html>
HTML Source Code to NET ART #1
September 27th 2016
This is a web browser URL co-dependent work of Art. The animated graphic assets were created using various techniques both with an iphone and desktop software. The outcomes were uploaded to the web generating a unique url for each individual piece. The piece as a whole was created in html using Brackets and the <table> tag. It is the first published iteration in a new series of html generated art works.
View the source url hereย .
short-link to this post – https://ryanseslow.com/x9mt2
