Advertisement
1not

firstWebPage

Jun 17th, 2017
120
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 3.71 KB | None | 0 0
  1. <html>
  2.     <head>
  3.         <title>1not</title>
  4.     </head>
  5.     <body bgcolor = "#FFFFFF">
  6.         <!--Autobiography-->
  7.         <h1 align = "center"><span style = "color: grey">About me</span></h1>
  8.         <hr width = "50%"/>
  9.         <div align = "center">
  10.         <img src = "toni.jpg" width = "30%" height = "30%" border = "1px" alt = ""/>
  11.         </div>
  12.         <br />
  13.         <div style = "background-color: red; color: white;padding: 12px;">
  14.         <p>
  15.             Hello, I'm <strong>Toni</strong>. I'm enthusiast about all <i>science</i> stuff, and actually a <b>novice</b> in all that <small>stuff</small>.<br />My favourite subjects are:
  16.             <ol> <!--ordered list, but there is also unordered list (<ul>)-->
  17.                 <li><ins>mathematics</ins></li>
  18.                 <li><ins>physics</ins></li>
  19.                 <li><mark>programming</mark></li>
  20.             </ol>
  21.         </p>
  22.         </div>
  23.         <p>
  24.             My life goal is to make <del>a coffee</del> the world a better place.
  25.         </p>
  26.         <p>
  27.             If you like me, there is my <a href = "https://www.facebook.com/dreaming0fElectricSheep" target = "_blank">facebook</a> page.<br /> So you can add me.
  28.         </p>
  29.         <p>
  30.             Here are some of my skills:
  31.             <ul>
  32.                 <li><a href = "https://en.wikipedia.org/wiki/C_(programming_language)" target = "_blank">C</a></li>
  33.                 <li><a href = "https://en.wikipedia.org/wiki/C%2B%2B" target = "_blank">C++</a></li>
  34.                 <li><a href = "https://en.wikipedia.org/wiki/Python_(programming_language)" target = "_blank">Python</a></li>
  35.                 <li><a href = "https://en.wikipedia.org/wiki/Processing_(programming_language)" target = "_blank">Processing</a></li>
  36.                 <li><a href = "https://en.wikipedia.org/wiki/Bash_(Unix_shell)" target = "_blank">Bash</a></li>
  37.                 <li><a href = "https://en.wikipedia.org/wiki/HTML" target = "_blank">HTML</a></li>
  38.             </ul>
  39.         </p>
  40.         <div align = "center">
  41.         <table border = "1px">
  42.             <tr>
  43.                 <th>mon</th>
  44.                 <th>tue</th>
  45.                 <th>wed</th>
  46.                 <th>thu</th>
  47.                 <th>fri</th>
  48.                 <th>sat</th>
  49.                 <th>sun</th>
  50.             </tr>
  51.             <tr>
  52.                 <td><br /></td>
  53.                 <td></td>
  54.                 <td></td>
  55.                 <td></td>
  56.                 <td></td>
  57.                 <td></td>
  58.                 <td></td>
  59.             </tr>
  60.             <tr>
  61.                 <td><br /></td>
  62.                 <td></td>
  63.                 <td></td>
  64.                 <td></td>
  65.                 <td colspan = "3" align = "center" bgcolor = "blue">blue</td> <!--there is a rowspan too-->
  66.             </tr>
  67.             <tr>
  68.                 <td><br /></td>
  69.                 <td></td>
  70.                 <td></td>
  71.                 <td></td>
  72.                 <td></td>
  73.                 <td></td>
  74.                 <td></td>
  75.             </tr>
  76.         </table>
  77.         </div>
  78.         <br />
  79.         <hr />
  80.         <h2><span style = "color: Green">Who are you</span></h2>
  81.         <form action = "" method = "POST"> <!--or POST-->
  82.             Username:
  83.             <br />
  84.             <input type = "text" name = "username" />
  85.             <br />
  86.             Password:
  87.             <br />
  88.             <input type = "password" name = "password" />
  89.             <br />
  90.             Gender:
  91.             <br />
  92.             <input type = "radio" name = "gender" value = "male" /> Male
  93.             <br />
  94.             <input type = "radio" name = "gender" value = "female" /> Female
  95.             <br />
  96.             Which OS you use?
  97.             <br />
  98.             <input type = "checkbox" name = "OS" value = "1" /> Windows
  99.             <br />
  100.             <input type = "checkbox" name = "OS" value = "2" />
  101.             MacOS
  102.             <br />
  103.             <input type = "checkbox" name = "OS" value = "3" /> Linux
  104.             <br />
  105.             <input type = "checkbox" name = "OS" value = "4" /> iOS
  106.             <br />
  107.             <input type = "checkbox" name = "OS" value = "5" /> Android
  108.             <br />
  109.             Other:
  110.             <br />
  111.             <textarea></textarea>
  112.             <input type = "submit" value = "Submit" />
  113.         </form>
  114.         <h2><span style = "color: cyan">Contact me</span></h2>
  115.         <hr />
  116.         <form method = "POST">
  117.             Name:
  118.             <br />
  119.             <input type = "text" name = "name" />
  120.             <br />
  121.             Email:
  122.             <br />
  123.             <input type = "text" name = "email" />
  124.             <br />
  125.             Message:
  126.             <br />
  127.             <textarea name = "message"></textarea>
  128.             <input type = "submit" value = "SEND" class = "submit" />
  129.         </form>
  130.     </body>
  131. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement