شاید شما خیلی وقت ها خواستید یک فایل HTML رو ویرایش کنید
خوب زیاد سخت نیست خیلی راحت میتونید در این آموزش این کار رو انجام بدید
با ما همراه باشید
- ۵ نظر
- ۲۵ اسفند ۹۳ ، ۱۶:۲۰
شاید شما خیلی وقت ها خواستید یک فایل HTML رو ویرایش کنید
خوب زیاد سخت نیست خیلی راحت میتونید در این آموزش این کار رو انجام بدید
با ما همراه باشید
در آموزش بخش 3 یاد گرفتیم چگونه متنی را در یک صفحه ی html قرار دهیم .
حال شاید بخواهید به همراه هر متن یک عکس هم قرار دهید . به آموزش زیر دقت کنید .
ابتدا در بین کد های خود ( هرکجا که میخواهید عکس قرار بگیرد )
مثلا یک فایل متنی نوشتید :
<html>
<head>
<title>title of page </title>
</head>
<body>
This is my first home page.<p> This text is bold </p>
</body>
</html>
و دوست دارید بعد از تگ P یک عکس قرار دهید .
حال بعد از کد P کد زیر را میتوانید در آن قرار دهید
<img src="link axe morede nazar" alt="توضیحات عکس">
مثال را کامل میکنیم :
<html> <head> <title>title of page </title> </head> <body> This is my first home page.<p> This text is bold </p> <img src="link axe morede nazar" alt="توضیحات عکس"> </body> </html>
به همین راحتی میتوانید عکس های خود را در یک صفحه html به نمایش در آورید - " کدنویس "
html - آموزش 5 ام
برای اینکه بخواهیم کد نویسی مرتب و تمیزی داشته باشیم و کار کردن خود نیز راحت تر باشد میبایست در کدنویسی html فایل css را که در فایلی دیگر قرار است نوشته شود را فراخوانی کنیم .
حال چگونه این کار را انجام دهیم ؟
<link type="text/css" rel="stylesheet" href="style.css" />
حال هر آنچه در css سایت ذخیره کنید و در المنت ها بکار ببرید در صفحه ی html شما اعمال خواهد شد .
html - بخش 4
در کد نویسی html شاید به بخواهید بر فرض مثال یک پاراگراف یا یک لینک و ... در صفحه ی html خود قرار دهید .
برای قرار دادن اینگونه مطالب و متن ها نیاز به یک سری کد در html میباشد که میتوانید با مطالعه این مقاله از آن بهره ببرید .
نحوه ی قرار دادن پاراگراف : شما میتوانید با قرار دادن کد <p> که مخفف پاراگراف میباشد شروع یک پاراگراف را درآن قرار دهید و با <p/> به آن پایان دهید .
نحوه ی قرار دادن متن : شما میتوانید با استفاده از کد <span> یک متن , نوشته و هر چیزی که مربوط به فایل های متنی میباشد را در آن قرار داده و با <span/> به آن پایان دهید .
نحوه ی قرار دادن لینک در html : شما میبایست برا قراردادن لینک در یک صفحه ی html از کد زیر استفاده کنید :
<a href="link marbote"> matne neveshte </a>
در قسمت های بعدی به معرفی کامل این کد ها و نحوه ی استفاده از آن را یاد خواهیم گرفت .
html - بخش 2
در تمامی فایل های نوشته شده html در سراسر وب فایل های متنی و کدهای موجود در source سایت ها دارای کلمه ی معرفی میباشد که از طریق خواندن این کلمات معرفی و مهم به مرورگر اطلاعات حاوی فایل html را ارسال میکند و مرورگر شما دقیقا متوجه میشود که فایل html از چه نوع اطلاعات داده ای میباشد مثلا : html4 , html1 , html5 و ...
به مثال زیر دقت کنید :
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
متن DOCTYPE معرفی میکند فایل html شما را به مرورگر که در این مثال میگوید : صفحه ی html از نوعه html4.01 به صورت پابلیک ( عمومی ) به زبان انگلیسی و در آخر لینکی از سایت w3 میباشد که گیرنده ی یک سری اطلاعات میباشد .
ضمنا » برنامه نویسان تحت وب آماتور که فقط xhtml کار میکنند و وب سایت های قدیمی از این یک خط کد استفاده نمیکنند ! { شاید نمیدانند ! :) }