ورود به حساب ثبت نام جدید فراموشی کلمه عبور
برای ورود به حساب کاربری خود، نام کاربری و کلمه عبورتان را در زیر وارد کرده و روی “ ورود به حساب” کلیک کنید.





اگر فرم ثبت نام برای شما نمایش داده نمیشود، اینجا را کلیک کنید.









اگر فرم بازیابی کلمه عبور برای شما نمایش داده نمیشود، اینجا را کلیک کنید.





نمایش نتایج: از 1 به 1 از 1
  1. #1
    guitarshekasteh70
    مديرارشد
    تاریخ عضویت
    1970 Jan
    نوشته ها
    14
    1
    11

    تمام کد های html از ابتدا تا پیشرفته

    سلام دوستان عزیز

    در این انجمن سعی شده تمام کدهایی که تا به امروز در html وجود دارد برای شما به نمایش گذاشته شود

    نکته قابل توجه این است که تمام کدها در این تایپک گذاشته میشود و هر روز به این تایپک کدهایی اضافه میشود

    لذا از شما دوستان عزیز تقاضا میکنم که تمام سوالات و پرسش های مرتبط با html خود را در این تایپک به نمایش بگذارید و در اولین فرصت

    به آنها پاسخ داده میشود.

    ************************************************** *******************************

    کد 1 :

    <!DOCTYPE html>
    <html>
    <body>

    <h1>My First Heading</h1>

    <p>My first paragraph.</p>

    </body>
    </html>


    ************************************************** ******************************

    کد 2: (سر عنوان)

    <!DOCTYPE html>
    <html>
    <body>

    <h1>This is heading 1</h1>
    <h2>This is heading 2</h2>
    <h3>This is heading 3</h3>
    <h4>This is heading 4</h4>
    <h5>This is heading 5</h5>
    <h6>This is heading 6</h6>

    </body>
    </html>

    ************************************************** *******************************

    کد 3: (پاراگراف)

    <!DOCTYPE html>
    <html>
    <body>

    <p>This is a paragraph.</p>
    <p>This is a paragraph.</p>
    <p>This is a paragraph.</p>

    </body>
    </html>

    ************************************************** *******************************

    کد 4: ( لینک کردن )

    <!DOCTYPE html>
    <html>
    <body>

    <a href="http://www.mspsoft.com">
    This is a link</a>

    </body>
    </html>


    ************************************************** *******************************

    کد 5 : ( عکس )

    <!DOCTYPE html>
    <html>
    <body>

    <img src="mspsoft.jpg" width="104" height="142"></body>
    </html>


    ************************************************** ******************************

    کد 6 : زیر کدهایی در html

    از این میتوان کدها برای ساخت یک وب سایت استفاده کرد لازم به ذکر است کدهایی که در زیر مشاهده میکنید مجموعه ای از زیر کدها

    هستند و کامل نیستند باید در این کدها دستور ابتدایی و انتهایی آن را رعایت کرد .

    ************************************************** *****
    <!DOCTYPE html>
    <html>

    <body>
    <p>This is my first paragraph.</p>
    </body>

    </html>


    ************************************************** *****

     <p>This is my first paragraph.</p>


    ************************************************** *****

    <body>
    <p>This is my first paragraph.</p>
    </body>


    ************************************************** *****

    <html>

    <body>
    <p>This is my first paragraph.</p>
    </body>

    </html>


    ************************************************** ****

    <p>This is a paragraph
    <p>This is a paragraph


    ************************************************** ***************************

    کد 7: (لینک )

    <!DOCTYPE html>
    <html>
    <body>

    <a href="http://wwwmspsoft.com">
    This is a link</a>

    </body>
    </html>


    ************************************************** *************************

    کد 8: ( پاراگراف 1 )

    <!DOCTYPE html>
    <html>
    <body>

    <!--This comment will not be displayed-->
    <p>This is a regular paragraph</p>

    </body>
    </html>


    ************************************************** *************************

    کد 9: ( کد نوع خط )

    <!DOCTYPE html>
    <html>
    <body>

    <p><b>This text is bold</b></p>
    <p><strong>This text is strong</strong></p>
    <p><big>This text is big</big></p>
    <p><i>This text is italic</i></p>
    <p><em>This text is emphasized</em></p>
    <p><code>This is computer output</code></p>
    <p>This is<sub> subscript</sub> and <sup>superscript</sup></p>

    </body>
    </html>

    ************************************************** ***********************************

    کد 10 :

    این کد ها مجموعه ای از زیر کدها در html هستند.

    <!DOCTYPE html>
    <html>
    <head>
    <title>Title of the document</title>
    </head>

    <body>
    The content of the document......
    </body>

    </html>


    **************************************

    <head>
    <base href="http://www.mspsoft.com/images/"><base target="_blank"></head>

    ************************************************** ***************

    <head>
    <link rel="stylesheet" type="text/css" href="mystyle.css"></head>


    ************************************************** **************

    <head>
    <style type="text/css">
    body {background-color:yellow}
    p {color:blue}
    </style>
    </head>

    ************************************************** *************

     <meta name="description" content="Free Web tutorials on HTML, CSS, XML">


    ************************************************** *************

     <meta name="keywords" content="HTML, CSS, XML">


    ************************************************** *********************

    کد 11 : ( سایز و نوع خط )

    <!DOCTYPE html>
    <html>
    <body style="background-color:PowderBlue;">

    <h1>Look! Styles and colors</h1>

    <p style="font-family:verdana;color:red;">
    This text is in Verdana and red</p>

    <p style="font-family:times;color:green;">
    This text is in Times and green</p>

    <p style="font-size:30px;">This text is 30 pixels high</p>

    </body>
    </html>


    ***********************************************

    <!DOCTYPE html>
    <html>
    <head>
    <style type="text/css">
    h1 {color:red;}
    h2 {color:blue;}
    p {color:green;}
    </style>
    </head>

    <body>

    <h1>All header 1 elements will be red</h1>
    <h2>All header 2 elements will be blue</h2>
    <p>All text in paragraphs will be green.</p>

    </body>
    </html>


    *******************************************

    <!DOCTYPE html>
    <html>
    <head>
    <link rel="stylesheet" type="text/css" href="styles.css"></head>

    <body>
    <h1>I am formatted with an external style sheet</h1>
    <p>Me too!</p>
    </body>

    </html>


    ************************************************** *****************************

    کد 12: ( زیرکد های متفرقه و زیر مجموعه )

    <head>
    <style type="text/css">
    body {background-color:yellow;}
    p {color:blue;}
    </style>
    </head>


    *************************************

    head>
    <link rel="stylesheet" type="text/css" href="mystyle.css">
    </head>


    ************************************************

    کد 12: ( رنگ و سایز متن)

    <!DOCTYPE html>
    <html>
    <body>
    <h1 style="font-family:verdana;">A heading</h1>
    <p style="font-family:arial;color:red;font-size:20px;">A paragraph.</p>
    </body>
    </html>


    ************************************************** ************************************

    <!DOCTYPE html>
    <html>
    <body style="background-color:yellow;">
    <h2 style="background-color:red;">This is a heading</h2>
    <p style="background-color:green;">This is a paragraph.</p>
    </body>
    </html>


    ************************************************** ************************

    کد 13: ( اتصال عکس به وب سایت )

    <!DOCTYPE html>
    <html>
    <body>

    <h2>Norwegian Mountain Trip</h2>
    <img border="0" src="/images/pulpit.jpg" alt="Pulpit rock" width="304" height="228"></body>
    </html>


    ************************************************** **************************
    کد 13 : ( زیر کدهایی از عکس )

     <img src="url" alt="some_text">


    ********************************

     <img src="boat.gif" alt="Big Boat">


    ********************************

     <img src="pulpit.jpg" alt="Pulpit rock" width="304" height="228">



    **************************************************
    کد 14: ( جدول های مختلف )

    <!DOCTYPE html>
    <html>
    <body>




    <p>
    Each table starts with a table tag.*
    Each table row starts with a tr tag.
    Each table data starts with a td tag.
    </p>




    <h4>One column:</h4>
    <table border="1">
    <tr>
    * <td>100</td>
    </tr>
    </table>




    <h4>One row and three columns:</h4>
    <table border="1">
    <tr>
    * <td>100</td>
    * <td>200</td>
    * <td>300</td>
    </tr>
    </table>




    <h4>Two rows and three columns:</h4>
    <table border="1">
    <tr>
    * <td>100</td>
    * <td>200</td>
    * <td>300</td>
    </tr>
    <tr>
    * <td>400</td>
    * <td>500</td>
    * <td>600</td>
    </tr>
    </table>




    </body>
    </html>





    ********************************

    <!DOCTYPE html>
    <html>
    <body>




    <h4>With a normal border:</h4> *
    <table border="1">
    <tr>
    * <td>First</td>
    * <td>Row</td>
    </tr> **
    <tr>
    * <td>Second</td>
    * <td>Row</td>
    </tr>
    </table>




    <h4>With a thick border:</h4> *
    <table border="8">
    <tr>
    * <td>First</td>
    * <td>Row</td>
    </tr> **
    <tr>
    * <td>Second</td>
    * <td>Row</td>
    </tr>
    </table>




    <h4>With a very thick border:</h4> *
    <table border="15">
    <tr>
    * <td>First</td>
    * <td>Row</td>
    </tr> **
    <tr>
    * <td>Second</td>
    * <td>Row</td>
    </tr>
    </table>




    </body>
    </html>

    ******************************

    <!DOCTYPE html>
    <html>
    <body>




    <h4>This table has no borders:</h4>
    <table>
    <tr>
    * <td>100</td>
    * <td>200</td>
    * <td>300</td>
    </tr>
    <tr>
    * <td>400</td>
    * <td>500</td>
    * <td>600</td>
    </tr>
    </table>




    <h4>And this table has no borders:</h4>
    <table border="0">
    <tr>
    * <td>100</td>
    * <td>200</td>
    * <td>300</td>
    </tr>
    <tr>
    * <td>400</td>
    * <td>500</td>
    * <td>600</td>
    </tr>
    </table>




    </body>
    </html>

    **************************************

    <!DOCTYPE html>
    <html>
    <body>




    <h4>Table headers:</h4>
    <table border="1">
    <tr>
    * <th>Name</th>
    * <th>Telephone</th>
    * <th>Telephone</th>
    </tr>
    <tr>
    * <td>Bill Gates</td>
    * <td>555 77 854</td>
    * <td>555 77 855</td>
    </tr>
    </table>




    <h4>Vertical headers:</h4>
    <table border="1">
    <tr>
    * <th>First Name:</th>
    * <td>Bill Gates</td>
    </tr>
    <tr>
    * <th>Telephone:</th>
    * <td>555 77 854</td>
    </tr>
    <tr>
    * <th>Telephone:</th>
    * <td>555 77 855</td>
    </tr>
    </table>




    </body>
    </html>

    ********************************

    <!DOCTYPE html>
    <html>
    <body>




    <table border="1">
    <tr>
    * <td>
    * *<p>This is a paragraph</p>
    * *<p>This is another paragraph</p>
    * </td>
    * <td>This cell contains a table:
    * *<table border="1">
    * *<tr>
    * * *<td>A</td>
    * * *<td>B</td>
    * *</tr>
    * *<tr>
    * * *<td>C</td>
    * * *<td>D</td>
    * *</tr>
    * *</table>
    * </td>
    </tr>
    <tr>
    * <td>This cell contains a list
    * *<ul>
    * * <li>apples</li>
    * * <li>bananas</li>
    * * <li>pineapples</li>
    * *</ul>
    * </td>
    * <td>HELLO</td>
    </tr>
    </table>




    </body>
    </html>

    ***********************************

    <!DOCTYPE html>
    <html>
    <body>




    <table border="1">
    * <tr>
    * * <th>Month</th>
    * * <th>Savings</th>
    * </tr>
    * <tr>
    * * <td>January</td>
    * * <td>$100</td>
    * </tr>
    * <tr>
    * * <td>February</td>
    * * <td>$80</td>
    * </tr>
    </table>




    </body>
    </html>





    ************************************************** *************

    کد 15: ( زیر کدهایی از جدول )




    <table border="1">
    <tr>
    <td>row 1, cell 1</td>
    <td>row 1, cell 2</td>
    </tr>
    <tr>
    <td>row 2, cell 1</td>
    <td>row 2, cell 2</td>
    </tr>
    </table>

    *********************************

    <table border="1">
    <tr>
    <td>Row 1, cell 1</td>
    <td>Row 1, cell 2</td>
    </tr>
    </table>





    *********************************

    <table border="1">
    <tr>
    <th>Header 1</th>
    <th>Header 2</th>
    </tr>
    <tr>
    <td>row 1, cell 1</td>
    <td>row 1, cell 2</td>
    </tr>
    <tr>
    <td>row 2, cell 1</td>
    <td>row 2, cell 2</td>
    </tr>
    </table>

    ************************************************** *************




    کد 16: ( جدول رنگی )

    <!DOCTYPE html>
    <html>
    <head>
    <style type="text/css">
    thead {color:green;}
    tbody {color:blue;}
    tfoot {color:red;}
    </style>
    </head>
    <body>




    <table border="1">
    * <thead>
    * * <tr>
    * * * <th>Month</th>
    * * * <th>Savings</th>
    * * </tr>
    * </thead>
    * <tfoot>
    * * <tr>
    * * * <td>Sum</td>
    * * * <td>$180</td>
    * * </tr>
    * </tfoot>
    * <tbody>
    * * <tr>
    * * * <td>January</td>
    * * * <td>$100</td>
    * * </tr>
    * * <tr>
    * * * <td>February</td>
    * * * <td>$80</td>
    * * </tr>
    * </tbody>
    </table>




    <p><b>Tip:</b> The thead, tbody, and tfoot elements will not affect the layout of the table by default. However, you can use CSS to style these elements.</p>




    </body>
    </html>





    *************************************

    <!DOCTYPE html>
    <html>
    <body>




    <table border="1">
    * <colgroup>
    * * <col span="2" style="background-color:red">
    * * <col style="background-color:yellow">
    * </colgroup>
    * <tr>
    * * <th>ISBN</th>
    * * <th>Title</th>
    * * <th>Price</th>
    * </tr>
    * <tr>
    * * <td>3476896</td>
    * * <td>My first HTML</td>
    * * <td>$53</td>
    * </tr>
    * <tr>
    * * <td>5869207</td>
    * * <td>My first CSS</td>
    * * <td>$49</td>
    * </tr>
    </table>




    </body>
    </html>

    ************************************************** ********




    کد 17: ( لیست )

    <!DOCTYPE html>
    <html>
    <body>




    <h4>An Unordered List:</h4>
    <ul>
    * <li>Coffee</li>
    * <li>Tea</li>
    * <li>Milk</li>
    </ul>




    </body>
    </html>

    ***********************************

    <!DOCTYPE html>
    <html>
    <body>




    <h4>An Ordered List:</h4>
    <ol>
    * <li>Coffee</li>
    * <li>Tea</li>
    * <li>Milk</li>
    </ol>




    </body>
    </html>

    ***********************************

    <!DOCTYPE html>
    <html>
    <body>




    <h4>Numbered list:</h4>
    <ol>
    *<li>Apples</li>
    *<li>Bananas</li>
    *<li>Lemons</li>
    *<li>Oranges</li>
    </ol> *




    <h4>Letters list:</h4>
    <ol type="A">
    *<li>Apples</li>
    *<li>Bananas</li>
    *<li>Lemons</li>
    *<li>Oranges</li>
    </ol> *




    <h4>Lowercase letters list:</h4>
    <ol type="a">
    *<li>Apples</li>
    *<li>Bananas</li>
    *<li>Lemons</li>
    *<li>Oranges</li>
    </ol> *




    <h4>Roman numbers list:</h4>
    <ol type="I">
    *<li>Apples</li>
    *<li>Bananas</li>
    *<li>Lemons</li>
    *<li>Oranges</li>
    </ol> *




    <h4>Lowercase Roman numbers list:</h4>
    <ol type="i">
    *<li>Apples</li>
    *<li>Bananas</li>
    *<li>Lemons</li>
    *<li>Oranges</li>
    </ol> *




    </body>
    </html>

    ************************************

    <!DOCTYPE html>
    <html>
    <body>




    <h4>A nested List:</h4>
    <ul>
    * <li>Coffee</li>
    * <li>Tea
    * * <ul>
    * * <li>Black tea</li>
    * * <li>Green tea
    * * * <ul>
    * * * <li>China</li>
    * * * <li>Africa</li>
    * * * </ul>
    * * </li>
    * * </ul>
    * </li>
    * <li>Milk</li>
    </ul>




    </body>
    </html>

    *****************************

    <!DOCTYPE html>
    <html>
    <body>




    <dl>
    * <dt>Coffee</dt>
    * <dd>Black hot drink</dd>
    * <dt>Milk</dt>
    * <dd>White cold drink</dd>
    </dl>




    </body>
    </html>

    ************************************************** **********

    کد 18: ( زیر کدهای لیست )

    <ul>
    <li>Coffee</li>
    <li>Milk</li>
    </ul>


    ****************************

    <ol>
    <li>Coffee</li>
    <li>Milk</li>
    </ol>

    ****************************

    <dl>
    <dt>Coffee</dt>
    <dd>- black hot drink</dd>
    <dt>Milk</dt>
    <dd>- white cold drink</dd>
    </dl>

    ************************************************** **************

    کد 19: ( خط ها و رنگ خط )

    <!DOCTYPE html>
    <html>
    <body>

    <p>This is some text.</p>

    <div style="color:#0000FF">
    <h3>This is a heading in a div element</h3>
    <p>This is some text in a div element.</p>
    </div>

    <p>This is some text.</p>

    </body>
    </html>

    ************************************************** *****

    کد 20 : ( ویدیو )

    <!DOCTYPE html>
    <html>
    <body>

    <video width="320" height="240" controls="controls">
    <source src="movie.mp4" type="video/mp4">
    <source src="movie.ogg" type="video/ogg">
    Your browser does not support the video tag.
    </video>

    </body>
    </html>

    ************************************************** *********

    کد 21 : ( خط های مختلف )

    <!DOCTYPE html>
    <html>
    <body>

    <em>Emphasized text</em><br>
    <strong>Strong text</strong><br>
    <dfn>Definition term</dfn><br>
    <code>A piece of computer code</code><br>
    <samp>Sample output from a computer program</samp><br>
    <kbd>Keyboard input</kbd><br>
    <var>Variable</var>

    </body>
    </html>

    ************************************************** *********

    کد 22 : ( فهرست )

    <!DOCTYPE html>
    <html>
    <body>

    <h4>An Unordered List:</h4>
    <ul>
    <li>Coffee</li>
    <li>Tea</li>
    <li>Milk</li>
    </ul>

    </body>
    </html>

    ************************************************** ****

    کد 23 title )

    <!DOCTYPE html>
    <html>
    <head>
    <title>Title of the document</title>
    </head>

    <body>
    The content of the document......
    </body>

    </html>

    ************************************************** *******

    کد 24 جدول زیبا )


    <!DOCTYPE html>
    <html>
    <head>
    <style type="text/css">
    thead {color:green;}
    tbody {color:blue;}
    tfoot {color:red;}
    </style>
    </head>
    <body>

    <table border="1">
    <thead>
    <tr>
    <th>Month</th>
    <th>Savings</th>
    </tr>
    </thead>
    <tfoot>
    <tr>
    <td>Sum</td>
    <td>$180</td>
    </tr>
    </tfoot>
    <tbody>
    <tr>
    <td>January</td>
    <td>$100</td>
    </tr>
    <tr>
    <td>February</td>
    <td>$80</td>
    </tr>
    </tbody>
    </table>

    <p><b>Tip:</b> The thead, tbody, and tfoot elements will not affect the layout of the table by default. However, you can use CSS to style these elements.</p>

    </body>
    </html>

    ************************************************** ******************

    کد 25 حاشیه )

    <!DOCTYPE html>
    <html>
    <body>

    <p>This example cannot be edited in the sorce code (left side),
    because our editor uses a textarea for input, and browsers
    do not allow a textarea inside a textarea.</p>

    <textarea rows="4" cols="50">
    At mspsoft you will find all the Web-building
    tutorials you need, from basic HTML to advanced
    XML, SQL, ASP, and PHP.</textarea>

    </body>
    </html>

    ************************************************** ***************

    کد 26 : ( متن زیر )

    <!DOCTYPE html>
    <html>
    <body>

    <p>This text contains <sub>subscript</sub> text.</p>
    <p>This text contains <sup>superscript</sup> text.</p>

    </body>
    </html>

    ************************************************** ***************


    پایان کد های html

    *************
    *************
    ویرایش توسط guitarshekasteh70 : 2012-10-06 در ساعت 11:49 PM
  2. 1
نمایش نتایج: از 1 به 1 از 1

LinkBacks (?)

  1. 2012-10-03, 03:56 PM

اطلاعات موضوع

کاربرانی که در حال مشاهده این موضوع هستند

در حال حاضر 1 کاربر در حال مشاهده این موضوع است. (0 کاربران و 1 مهمان ها)

موضوعات مشابه

  1. پرسش و پاسخ درباره زبان html
    توسط guitarshekasteh70 در انجمن HTML
    پاسخ: 5
    آخرين نوشته: 2015-07-14, 07:31 PM
  2. آموزش آموزش html به طور کامل
    توسط guitarshekasteh70 در انجمن HTML
    پاسخ: 0
    آخرين نوشته: 2012-10-14, 02:06 PM
  3. ذخیره سازی اطلاعات کاربران در html 5
    توسط MspSoft در انجمن طراحی وب (Web Design)
    پاسخ: 0
    آخرين نوشته: 2012-09-07, 10:58 PM
  4. پخش فایل های تصویری در html 5
    توسط MspSoft در انجمن طراحی وب (Web Design)
    پاسخ: 2
    آخرين نوشته: 2012-09-07, 10:51 PM
  5. آموزش html - درس 1
    توسط javanr0d در انجمن طراحی وب (Web Design)
    پاسخ: 19
    آخرين نوشته: 2011-12-25, 09:21 PM

کلمات کلیدی این موضوع

مجوز های ارسال و ویرایش

  • شما نمیتوانید موضوع جدیدی ارسال کنید
  • شما امکان ارسال پاسخ را ندارید
  • شما نمیتوانید فایل پیوست کنید.
  • شما نمیتوانید پست های خود را ویرایش کنید
  •  

Content Relevant URLs by vBSEO 3.6.0 RC 2