آموزش کد نویسی به زبان html
یکی از محبوب ترین و پر کاربرد ترین زبان نزد طراحان وب زبان html به شمار می رود . در این جلسه می خواهیم نحوه ایجاد کد html وشروع کار آن را به شما عزیزان آموزش بدیم
قبل از هر چیز ما نیازمند یک نرم افزار ویرایشگر کد هستیم که من در اینجا نرم افزار sublimtext رو براتون معرفی می کنم که در پایین لینک دانلود نرم افزار وجود دارد
خوب بریم سراغ آموزش
به کد های زیر دقت کنید تا کار با آنها رو شروع کنیم
<html>
<meta charset="utf-8">
<head>
<title>فناوری اطلاعات ساحل</title>
<meta discreption="آموزشگاه کامپیوتر,ساحل کامپیوتر,آموزشگاه فنی و حرفه ای">
</head>
<body>
<div class="container">
<form class="frm" action="send.php" method="post">
<input type="text" class="text" name="text1" id = "text1">
<input type="password" class="text" name="pass1" id = "pass1">
<input type="submit" class="btn" name="send" id = "send" value="ارسال">
</form>
</div>
</body>
</html>
HTML کد های
- خط اول تگ html رو باز کردیم
- خط دوم کاراکتر رو برای زبان های راست به جپ ست کردیم
- خط سوم head رو باز کردیم
- خط چهارم عنوان سایت رو مشخص کردیم
- خط پنجم جزییات وب سایت رو مشخص می کنیم
- خط ششم تگ head رو بستیم
- تگ body رو باز کردیم
- تگ div رو باز کردیم
- یک فرم با کلاس frm ایجاد کردیم
- یک جعبه متنی با کلاس text ایجاد کردیم
- یک جعبه متنی از نوع ورودی پسورد با کلاس text ایجاد کردیم
- یک دکمه با کلاس btn ایجاد کردیم
- فرم ایجاد شده را بستیم
- تگ div رو بستیم
- صفحه ایجاد شده رو بستیم
- در پایان html رو بستیم
- قرار است در این تگ کد های html نوشته شود
- مثل زبان فارسی و عربی
- این قسمت برای سئو سایت مفید است
- عنوان سایت در تب مرورگر نمایش داده می شود
- برای موتورهای جستجوگر و سئو سایت مفید است
- تگ head ما بسته شد
- مطالب صفحه در این تگ قرار می گیرد
- تگ باز شده برای دادن کلاس
- فرم برای ارسال اطلاعات به فایل send.php کلاس آن با css طراحی و اینجا فراخوانی می شود
- یک جعبه متنی کلاس آن با کد های css طراحی می شود و اینجا فراخوانی
- یک جعبه پسوردی کلاس آن با کد های css نوشته و اینجا فراخوانی می شود
- دکمه برای ارسال اطلاعات کلاس آن با کد های css نوشته و اینجا فراخوانی می شود
- بستن فرم ایجاد شده
- بستن تگ دیو و کلاس داده شده
- بستن body یا همان صفحه وب
- بستن تگ html در پایان
حرف حساب
جوری با آدم ها رفتار نکنیم که بگیم " خود غلط بود آنچه می پنداشتیم " زیبایی نظر ها رو به خود جلب می کند اما شخصیت دل ها رو
بعضی وقتا به جای جر و بحث فقط به طرف نگاه می کنیم و تعجب می کنیم که این حجم وسیع بی عقلی و نفهمی چطور توی کله ای به این کوچکی جا شده .
.form{
padding-right: 30px;
border: 2px solid white;
height: 60%;
}
.text{
border: 2px solid green;
border-radius: 8px;
height: 40px;
margin-right: 12px;
width: 410px
text-align: center;
}
.btn{
width: 200px;
height: 50px;
background-color: white;
color: red;
margin-right: 110px;
border-radius: 9px;
}
.btn:hover{
background-color: green;
color: white;
}
CSS کد های
دانلود سورس کد آماده
دانلود نرم افزار ویرایشگر کد
دانلود نرم افزار شبیه ساز سرور
2 نظر
آیدا حسینی
من با کد های css آشنایی کامل ندارم میشه یک آموزش در رابطه با کد های css بزارید ممنون می شم
ماریا احمدی
من سورس کد رو دانلود کردم آما و قتی روی دکمه ارسال می زنم یک صفحه کد توی مرورگر نشون می ده و هیچ کاری انجام نمی گیره