اموزش وبلاگ نویسی

وبلاگ نویسی
اموزش وبلاگ نویسی
بایگانی
آخرین مطالب

<html>

<head>


<title>سر تیتر خود را بنویسید</title>



</head>

</html>

۰ نظر موافقین ۱ مخالفین ۰ ۲۷ شهریور ۹۴ ، ۱۷:۱۰
mehdi ghlami

<html>

<head>

<style>

h1 {

    float: رانتخاب کنیدh1جهت متن ;

    margin:عددpx;

}

</style>

</head>

<body>

<h1>Hello world, this is my first code</h1>


</body>

</html>

۰ نظر موافقین ۲ مخالفین ۰ ۱۲ شهریور ۹۴ ، ۲۱:۴۰
mehdi ghlami

<html>

<body>


<form action="action_page.php">

First name:<br>

<input type="text" name="firstname">

<br>

Last name:<br>

<input type="text" name="lastname">

<br><br>

<input type="submit">

</form>



</body>

</html>

۰ نظر موافقین ۱ مخالفین ۰ ۱۰ شهریور ۹۴ ، ۱۸:۳۹
mehdi ghlami

<html>

<body>


<form>

  <input type="radio" name="sex" value="male" checked> Male

  <br>

  <input type="radio" name="sex" value="female"> Female


</form> 


</body>

</html>

                                                                                   
۰ نظر موافقین ۱ مخالفین ۰ ۰۹ شهریور ۹۴ ، ۰۰:۰۸
mehdi ghlami

سلام شما برای شروع کار با برنامه نویسی تحت وب به چند چیز  احتیاج دارید.

1:شما به یک ویرایشگر متن احتیاج دارید که کد های خود را در ان بنویسید که معمولا از (نوت پد) استفاده میشود.

2:شما به یک مرورگر وب احتیاج دارید که پس از سیو کردن کد خود بتوانید اعمال ان را ببینید توصیه می شود از (فایر فوکس) استفاده کنید.

3:حالا که چیز های مورد نیاز خود را فهمیده اید میتوانید از کد های همین وبلاگ برای ساختن وب خود به راحتی استفاده کنید.

۲ نظر موافقین ۱ مخالفین ۰ ۲۹ مرداد ۹۴ ، ۱۶:۰۸
mehdi ghlami

<html>

<head>

<style>

ul#menu {

    padding: 0;

}


ul#menu li {

    display: inline;

}


ul#menu li a {

    background-color: black;

    color: white;

    padding: 10px 20px;

    text-decoration: none;

    border-radius: 4px 4px 0 0;

}


ul#menu li a:hover {

    background-color: orange;

}

</style>

</head>

<body>


<h2>Horizontal List</h2>


<ul id="menu">

  <li><a href="/html/default.asp">HTML</a></li>

  <li><a href="/css/default.asp">CSS</a></li>

  <li><a href="/js/default.asp">JavaScript</a></li>

  <li><a href="/php/default.asp">PHP</a></li>

</ul>  


</body>

</html>

شاید یه کم کد هاش سخت باشه شما میتونید برا باره اول این کد رو کپی کنید در نوت پد و اعمالش رو ببینید  حتما این کد رو یادداشت کنید.
۱ نظر موافقین ۲ مخالفین ۰ ۲۳ مرداد ۹۴ ، ۱۳:۲۸
mehdi ghlami

<html>

<body>




<button type="button"

onclick="document.getElementById('demo').innerHTML = Date()">

برای نمایش تاریخ و زمان کلیک کنید.</button>


<p id="demo"></p>


</body>

</html> 


۰ نظر موافقین ۲ مخالفین ۰ ۲۰ مرداد ۹۴ ، ۱۳:۳۹
mehdi ghlami

<html>

<body>


<p id="demo"></p>


<script>

document.getElementById("demo").innerHTML = "متن مورد نظر شما";

</script> 


</body>

</html>

۰ نظر موافقین ۲ مخالفین ۰ ۱۸ مرداد ۹۴ ، ۱۱:۱۵
mehdi ghlami

<html>

<head>

<style>

body {

    background-color: #d0e4fe;

}


h1 {

    color: orange;

    text-align: center;

}


p {

    font-family: "tahoma";

    font-size: اندازه خط به عددpx;

}

</style>

</head>

<body>


<h1>welcome</h1>

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


</body>

</html>


۰ نظر موافقین ۲ مخالفین ۰ ۱۸ مرداد ۹۴ ، ۱۱:۱۰
mehdi ghlami

<html>

<body>




<button onclick="myFunction()">Try it</button>


<p id="demo"></p>


<script>

function myFunction() {

    document.getElementById("demo").innerHTML = Math.random();

}

</script>


</body>

</html>


۰ نظر موافقین ۲ مخالفین ۰ ۱۶ مرداد ۹۴ ، ۲۱:۳۳
mehdi ghlami