به نام او که هر چه علم است از اوست
سلام به تمام دوستان خوبم
به خاطر آموزش HTML یک نمونه کد گذاشتم که تگ های جدیدی توش هست که شمام ترغیب بشید به یادگیری.هم تگ های جدید و هم یکم از CSS استفاده کردم.شما این کد رو بخونید که یه پیش زمینه برای آموزش های بعدی هم بشه.تقریبا مثله قالب وبلاگ خودمه اما خیلی ساده تر.که به امید خدا با پیشرفته تر شدن مباحث ما هم کد های پیشرفته تری می نویسیم.
فایل ها رو در 2 جا اپلود کردم. اگر از 4shared دانلود کردید توی درایو C بریزید.اگه به صورت تک تک دانلود کردید تو درایو C یه فولدر به اسم samplehtml بسازید و فایل ها رو اون تو کپی کنید.یا اینکه می تونید یه کم کد هایی که مربوط به عکسها هستند رو تغییر بدید که بهتر متوجه بشید چی به چی هست.
دانلود از www.picofile.com به صورت فایل های تکی :
دانلود از 4shared :
به نام او که هر چه علم است از اوست
با سلام به همه دوستان
در این قسمت بیشتر تگ های HTML رو مرور می کنیم.
Head یا تیتر : شامل 6 کد هست که هر کدوم اندازه متن داخلشون رو نشون میده.
<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>
Breakline یا خط بعد : بعد از این تگ ادامه متن به خط بعد میره.هر کدوم از 2 تگ زیر رو می تونید استفاده کنید .
</br>یا <br>
Horizontalrule یا خط افقی : این تگ که فقط یک تگ شروع داره خط افقی رو می ندازه.
<hr>
Paragraph یا پاراگراف : این تگ که پایان و شروع داره یک پاراگراف رو برای ما ایجاد می کنه و بعد از تگ پایان به خط بعد میره.
<p></p>
Bold یا توپر : هر متنی که بین این 2 تگ باشه به صورت توپر نشون داده میشه.
<b></b>
Italic یا کج : هر متنی که بین این 2 تگ باشه به صورت کج نشون داده میشه.
<i></i>
Blink یا چشمک زن : هر متنی که بین این 2 تگ باشه به صورت چشمک زن نشون داده میشه.
<blink></blink>
Under line یا زیر خط: هر متنی که بین این 2 تگ باشه به صورت زیر خط دار نشون داده میشه.
<u></u>
Strike یا خط دار : هر متنی که بین این 2 تگ باشه روی متن خط نشون داده میشه.
<strike></strike>
Hyperlink یا همون لینک کردن خودمون : این تک از چند قسمت تشکیل شده.
<a href="http://www.hamidonline.blogsky.com" title="وبلاگ فناوری اطلاعات و برنامه نویسی" > click me</a>
در قسمت href آدرس مورد نظرتون رو می نویسید. متنی که در قسمت title می نویسید به عنوان tool tip وقتی موس روی اون قرار می گیره نشون داده میشه. و در بین 2 تگ هم در مرورگر نشون داده میشه و زیر یک خط میاد .
ادامه دارد....
به نام او که هر چه علم است از اوست
با سلام به همه دوستان
خب در ادامه قسمت قبل آموزش HTML تگ ها رو بررسی می کنیم.
<html></html> این تگ به مرورگر اعلام میکنه که شروع و پایان زبانHTML است.در تگ <head></head> اغلب کد های جاوا اسکریپت و متاتگ ها نوشته میشه.همچنن دارای تگ های دیگه هم هست مثله تگ <title> که عنوان صفحه رو نشون میده یا تگی عکسی که کنار آدرس بار نشون داده میشه. نکته قابل توجه این هست که هیچ کدوم از تگهایی که در <head></head> نوشته میشن در صفحه نشون داده نمیشن. تگ <body></body> یا بدنه که که استایل ها اشیایی مثله دکمه و تکست ها و متن و عکس و ... در اون نمایش داده میشن.
اولین کد :
خب حالا یه کدی می نویسیم که این کد رو با فرمت utf-8 ذخیره کنید که بتونه فارسی رو نشون بده. با پسوند .html ذخیره کنید و در word یا wordpad ننویسید فقط در notepad یا notepad++ یا bluefish بنویسید.
<html>
<head>
<title>HTML آموزش </title>
</head>
<body>
این اولین کدی است که در تست میشود.و ساده ترین کد
</body>
</html>
به نام او که هرچه علم است از اوست
سلام دوستان
امروز می خوام یه وبلاگی رو براتون معرفی کنم که کتاب های صوتی رو رایگان ارائه میده. کتاب های صوتی به خاطر مشغله زیاد افراد و اینکه وقت ندارن که کتاب رو بخونن خیلی طرفدار پیدا کرده یکیش خود من که بشتر کتابام صوتی هست .با این وبلاگ فکر نکنم بشه بهونه آورد که کتاب نخونیم
به نام او که هر چه علم است از اوست
تصمیم گرفتم اول تو زمینه وب یه سری آموزش بدم و در کنارش آموزش های اوبونتو ، سی شارپ و دستورات SQL را بنویسم.
در زمینه وب اول از HTML شروع می کنم.
تمام صفحات وبی (www یا تور جهان گستر ) که ما در طی روز با اون ها سر و کار داریم به نحوی با HTML یا Hyper Text Markup Language در ارتبط هستند. همین نکته بس که مرورگر ها رقابت بر سر نمایش کد استاندارتری از HTML دارن.
HTML قابلیت نشون دادن متن ، عکس ، صدا و فیلم رو داره. قابلیت جدول بندی که بیشتر مواقع در Asp.NET دستی کد جدول رو زدن راحت تره. پس سعی کنید تمام دستورات رو تایپ کنید نه اینکه کپی کنید .
برای کار با HTML نیاز به برنامه خاصی ندارید جز یه ویراشگر متن یا بهتر بگم plan text مثل Notepad یا Notepad++ که اگر دز ویندوز هستید بهتره با Notepad++ کار کنید و اگر در اوبونتو هستید با bluefish .
خب اولین مفهومی که باید باهاش آشنا شید مفهوم "تگ" هست که با "<>" نشون داده میشه.تگ شروع با "<>" و تگ پایان با "</>" نمایش داده میشه . که البته بعضی تگ ها رو میشه پایانش رو ننوشت مثله تگ عکس .
ساختار کلی HTML به صورت زیر هست :