AliMD / 1Tuts

:+1: Web Design Technology Tutorials
http://ali.md/tuts
62 stars 41 forks source link

C12 W1 S3 #595

Closed AliMD closed 11 years ago

AliMD commented 11 years ago

Topics

  1. Start HTML

    Online Editors

  2. http://jsbin.com/
  3. http://codepen.io/
  4. http://jsfiddle.net/
  5. http://cssdeck.com/
  6. ...

    Students Level

  7. Alireza Haghpanah @alirezahp :a:
  8. Hamed Nosrati @hamednosrati :a:
  9. Mohammad Amin Alizade Golestani @magolestani :ab:
  10. Mohammad Yaser Ahmadi @narvan :ab:
  11. Alireza Hassanzadeh Baradaran @alirezahb :b:
  12. Salman Sedighi @sedsalman :b:

    HomeWork

Mabahes zir kar shavad va tamrin ha comment gozashte beshe html head, formatting, image, links, table

hamednosrati commented 11 years ago
<!doctype html>
<html>
<head>
  <title>hamed</title>
  <meta charset="utf-8" />
</head>
<body> 
   <h1> frist page </h1>
   <p> this is my frist web page </p>
   <img src="https://www.google.com/images/srpr/logo11w.png" height="200" width="300" alt="search in google" />
   <p>
      <a href="http://www.google.com">google </a>
  </p>
</body>
</html>

:japanese_goblin:

Alirezahp commented 11 years ago
<!doctype html>
<html>
<head>
  <meta charset="utf-8"/>
  <title>my first page</title>
</head>
<body>
  <h1>hello world!!!!</h1>
  <h2>my first page</h2> 
  <p>my name is alireza.</p>
  <p>i am 18 years old.</p>
  <a href="https://www.google.com/">google</a> 
  <img src="https://www.google.com/images/srpr/logo11w.png" alt="i love google" />
</body>
</html>

:dancer: :D

Alirezahp commented 11 years ago

replace alt="google logo"

AlirezaHB commented 11 years ago
<!doctype html>
<html>
<head>
  <title>hi</title>
  <meta charset="utf-8" />
</head>
<body>
  <h1> in the name of god </h1>
    <p> search every thing in this engin: </p>
    <a href="http://www.yahoo.com">yahoo</a>
    <p><img src="http://www.hd-tecnologia.com/imagenes/articulos/2011/09/Yahoo-.jpg" alt="yahoo"/></p>
</body>
</html>
narvan commented 11 years ago
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
  <title>Narvan code</title>
</head>
<body>
  <h1>hello</h1>
  <p>mikhande!!!!</p>
  <a href="http://yahoo.com">yahoo</a>
  <p>
    <img src="http://l1.yimg.com/dh/ap/default/131031/HasselLARGE.jpg " alt=khande />
  </p>
</body>
</html>
AminAzGol commented 11 years ago
<!doctype html>
<html>
<head>
    <meta charset=utf-8 />
    <title>JS Bin</title>
</head>
<body>
  <h1>
   hello !!!!!!!!!!!!!!!
 </h1>
 <p> 
  ali md
 </p>
 <br />
 <img src="http://validator.w3.org/images/info_icons/error.png" alt="bad" />
</body>
</html>
SedSalman commented 11 years ago
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
  <title>salman</title>
</head>
<body>
  <h1>HELLO wlc to html</h1>
  <p>I am salman seddighi and this is intersted my web site</p>
  <a href="http://www.w3schools.com">w3schools</a>
  <br/><br/>
  <img src="http://www.itsnotch.com/wp-content/uploads/2013/06/9147a7d684457bc108c8f2393aa41662.png" alt="html" />
</body>
</html>
AliMD commented 11 years ago

ClassWork Level

  1. Alireza Haghpanah @alirezahp
  2. Hamed Nosrati @hamednosrati
  3. Mohammad Yaser Ahmadi @narvan
  4. Salman Sedighi @sedsalman
  5. Alireza Hassanzadeh Baradaran @alirezahb
  6. Mohammad Amin Alizade Golestani @magolestani
Alirezahp commented 11 years ago

nam e man hamchenan dar sadre jadval miderakhshad :D

hamednosrati commented 11 years ago

be khoda adam javger

Alirezahp commented 11 years ago
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
  <title>Learn HTML</title>
</head>
<body>
  <center>
    <h1>IN THE NAME OF GOD</h1>
    <h2>MY FIRST WEB PAGE</h2>
  </center>
  <p><b>my name is alireza haghpanah.</b></p>
  <hr>
  <p><strong>i'm <br /> 18 years old.</strong></p>
  <hr>
  <p><i>you can learn html in this page:</i></p>
  <a href="http://w3schools.com/" target="_blank"><em>w3schools.com</em>
  <img src="http://www.userlogos.org/files/logos/Rog/w3schools.com_02.png"  width="200"  height="300" alt="w3schools logo" /></a>
  <hr>
  <p>2<sup>4</sup>=16</p>
  <p>2<sub>x-1</sub>=7</p>
  <del>internet explorer</del>
  <p><mark>donot forget the end tag</mark></p>
</body>
</html>
Alirezahp commented 11 years ago

aqa man in ghaziye table haro nagereftam. :(

AminAzGol commented 11 years ago

salam agha bayad khedmate shoma arz konam ke man farda nemitonam biam ba arze tasof yeki dg bayad felan shirini biare ta shanbe bebinim chi mishe

hamednosrati commented 11 years ago

my work

<!doctype html>
<html>
<head>
  <title>my web</title>
  <meta charset="utf-8" />
</head>
<body>
  <h1 >travel more,spend less</h1>
  <img src="http://www.uploadax.com/images/65206454891367503595.jpg" alt="travel spend less" />
  <h2 >currency</h2>
   <p >There are over 40 countries with commonly exchanged currencies, making exchange fees big money for companies looking to make an income off of travelers. If you are traveling to a place where you will need to exchange money,<b><i>be weary of commissions and exchange fees.</i></b> Most travelers exchange their money once they are in the airport of their intended destination, but airports tend to have the highest exchange fees and we’re sure there are better things you’ll want to spend your traveling budget on.</p>
  <h2 >Public Transportation</h2>
   <p >Many countries have excellent public transportation systems, and by researching ahead of time, you will be able save money and see your destination from the eyes of a local. Renting a car has daily costs and fees,<b><b> not to mention the cost of gas.</b></b> Taxis are also expensive and some drivers will “take the long way” to tally up your bill. So avoid all that by using public transit. However, a word of caution, watch out for pickpockets on the public transit systems and keep money in your front pockets. </p>
  <h2 >Relax</h2>
   <p >Vacations are about getting away and exploring new places. Be sure to give yourself plenty of time to explore, relax and enjoy your trip. Any money spent on a trip where you had an amazing experience and returned relaxed is well worth the money spent.</p>
  <table border="1" >
   <tr>
     <th>countra name</th>
     <th>capital</th>
     <th>Population</th>
     <th>Religion</th>

   </tr>
   <tr>
     <th>IRAN I.R.I</th>
     <td>tehran</td>
     <td>76.42 million in 2012</td>
     <td>islam-shea</td>

   </tr>
   <tr>
     <th>AMRICA U.S.A</th>
     <td>Washington</td>
     <td>313.9 million in 2012</td>
     <td>Secular</td>
   </tr>
   <tr>
     <th>England</th>
     <td>london</td>
     <td>53.1 million in 2011</td>
     <td>Secular</td>
   </tr>
   <tr>
     <th>TURKEY</th>
     <td>ESTONBOL</td>
     <td>74 million in 2012</td>
     <td>Secular</td>
   </tr>
</table>
  <h1>the flag iran</h1>
      <a href="http://fa.wikipedia.org/wiki/%D9%81%D9%87%D8%B1%D8%B3%D8%AA_%D8%B4%D9%87%D8%B1%D9%87%D8%A7%DB%8C_%D8%A7%DB%8C%D8%B1%D8%A7%D9%86_%D8%A8%D8%B1_%D9%BE%D8%A7%DB%8C%D9%87_%D8%AC%D9%85%D8%B9%DB%8C%D8%AA" target="-blank"><img src="http://www.mahannews.com/images/stories/10-90/siasi/iran_flag_by_aslan_kachar.jpg" alt="iran"  width="300" height="300" /></a>
  <h1>the flag usa</h1>
      <a href="http://fa.wikipedia.org/wiki/%D8%A2%D9%85%D8%B1%DB%8C%DA%A9%D8%A7" target="-blank"><img src="http://www.afkarnews.ir/images/docs/000025/n00025975-b.jpg" alt="usa"  width="300" height="300"/></a>
  <h1>the flag england</h1>
      <a href="http://fa.wikipedia.org/wiki/%D8%A7%D9%86%DA%AF%D9%84%D8%B3%D8%AA%D8%A7%D9%86" target="-blank"><img src="http://www.katibehtranslation.com/wp-content/uploads/2011/10/about3.png" alt="england" width="300" height="300" /></a>
  <h1>the flag turkey</h1>
      <a href="http://fa.wikipedia.org/wiki/%D8%AA%D8%B1%DA%A9%DB%8C%D9%87" target="-blank"><img src="http://www.footballpictures.net/data/media/145/Turkey-Flag.jpg" alt="turkey" width="300" height="300" /></a>
</body>
</html>
AlirezaHB commented 11 years ago
<!DOCTYPE html>
<html>
  <head><!-- bakhsh head -->
    <meta charset="utf-8"/>
    <title>p20131105</title>
  </head>
  <body>
    <center>
      <h1>سلام من به محرم</h1>
      <p><b>شعر زیبا:</b>سلام من بـه محـرم بـه غصـه و غــم مـهـدی<br>به چشم کاسه ی خون وبه شال ماتم مـهـدی</p>
      <p>
         <img src="http://hamaseh.erfan.ir/sound/imgarticle/47002_1123-01-18517051i85-auto-107228.jpg 
         "height="300"width="500"alt="moharram"/>
      </p> 
    </center>  
      <p>this is my practise html code </p>
      <p><i>With</i> <b>HTML</b> you can <sup>create</sup> your own <sub>Web site</sub>.<br>This <emp>tutorial</emp> teaches you everything about HTML.<br>HTML is easy to learn.<br> You will enjoy it.</p>
      <p><br><pre> hi...
        how are you!!!???             nice...</pre></p>
      <p>
        <code>this is code font</code>
        <kbd>this is keyboard font</kbd>
        <samp>this is sample font</samp>
        <var>this is variable font</var>
      </p>
      <p>
        about me:<br>
        <address>
          <a href="https://github.com/AlirezaHB">my github account</a>
        </address>
      </p>
  </body>
</html>
AliMD commented 11 years ago

@Alirezahp

  1. center nadarin !
  2. hr ro nabasti <hr />
  3. del ba ins miyad na be tanhayi
  4. az mark estefade nemikonim (khat zard)
AliMD commented 11 years ago

@MAgolestani jobran kon bahso chon 3jalase gheybat ya adam anjam tamrin hazf bi choono chera dare

AliMD commented 11 years ago

@hamednosrati

  1. faslehaye ezafe too open tag ha chiyan ?!
  2. indent hat bazi jaha 1space hastesh
  3. mage p ha to h2 hastan ke indent khordan ?!
  4. 2ta <b> too dar to yani chi ?!
  5. kolan intent hat morajhas !
  6. majid jan delbandam underline blank target="_blank"
AliMD commented 11 years ago

@AlirezaHB

  1. tag center nadarim
  2. <br> haro nabasti <br />
  3. beyn attribiute ha hatman bayad space bashe (khat ghermez) <tag at1="val1" at2="val2" />
  4. address male location hastesh ke beshe rooye map ham neshoon dad
AliMD commented 11 years ago

Next : C12 W1 S4