رفتن به مطلب
بازگشایی انجمن! ×
GuardIran

C0d3!Nj3ct!0n

پست های پیشنهاد شده

سلام

در این تاپیک مجموعه آموزش‌های برنامه نویسی تحت وب با استفاده از زبان HTML قرار میگرد به آموزش ها دقت کنید.

لطفا اسپم ندید.

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر


اولین بخش از آموزشهای HTML:

 

مقدمه:

 

HTML زبانی است Hyper Text Markup Language که در اینترنت کاربرد دارد. و با پروتکل hypertext transfer protocol که مخفف آن http است  معمولا یک ارتباط مستقیم دارد.

قسمت های مختلفی که برای صفحات وب هستند هر کدام مشخص میکنند چه برنامه ای محتوای انها را ارائه میکند. اما اون چیزی که در طراحی صفحات شما ملاحظه میکنید HTML است.

 

برای نوشتن HTML برنامه های مختلفی هست. من از Notepad++ استفاده میکنم و در اینجا میتونید دانلود کنید.
 
من با مثال های که براتون میزنم همه چیز رو توضیح خواهم داد.
 
دستور<!DOCTYPE html>
 

این دستور اعلان را در ابتدای HTML و بالاتر از تگ باز <html> قرار دهید و دستور <DOCTYPE!> یک تگ HTML نیست بنابراین چیزی تحت عنوان تگ بسته هم ندارد؛ این دستور روشی است جهت فهماندن به مرورگر اینترنتی که  HTML ما با چه نسخه‌ای از HTML نوشته شده است و چه قانونی پای بندی دارد.

 

چند نمونه از <!DOCTYPE html>

XHTML 1.0

This is the hidden content, please

HTML 4.01

This is the hidden content, please

HTML 5

This is the hidden content, please

تمام کدهای که در یک صفحه HTML هست داخل تگ HTML شروع مکنیم و داخل تگ HTML به پایان میرسونیم.

This is the hidden content, please

نکته: برای بستن تگ هر قسمت از /> در تگ استفاده میکنیم.

 

در داخل HTML  ما دو تگ head و body را داریم.

 

head:

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

body:

هر چیزی که در صفحه وب به شما نمایش داده میشود در قسمت body نوشته شده.

 

برای مثال اواین سند HTML شما به این صورت می باشد.

This is the hidden content, please

در قسمت title عنوان صفحه یا سایت شما قرار میگرد و همیشه درون تگ head  میباشد.

  پایان جلسه اول

 

 

 

پسورد فایل ضمیمه:

guardiran.org

This is the hidden content, please

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر


سلام

قسمت دوم آموزش

 

در قسمت body تیترهای مختلف رو مشخص کردم. برای نوشتن یک تیتر از تگ های heading استفاده میکنیم. تگ های heading از h1 که بزرگترین ساز است تا h6 که کوچکترین سایز باشد نمایش داده میشود.

This is the hidden content, please

در این قسمت تگ های که مربوط به text  هستند در اینجا آوردم.

 

</  br>:  هر جا که شما یک  </  br> بزارید در مرورگر شما متن به خط بعدی خواهد رفت. مثل enter زدن در یک document

 

<em>: تگی هست که برای تاکید استفاده میشود. مثلا برای نشان دادن تاکید روی بعضی از کلمات از تگ em استفاده میکنند.

 

<strong>: کلمات رو bold (کلفت) میکند.

 

<kbd>: نشان میدهد که یک element از کیبورد تایپ شده است.

 

<cite>: یک استناد کردن به یک متن یا یک سند.

 

<var>: نشان دهنده یک متغییر است.

 

<dfn>: نشان دهنده یک تعریف است.

 

<code>: قسمتی است که در آن کد قرار دارد , کدهای که اجرا نخواهند شد.

 

<samp>: نشان دهنده یک نمونه است.

 

<acronym>: نشان دهنده مخفف ها است.

 

<address>: نشان دهنده آدرس ها است.

This is the hidden content, please

پایان

 

 

 

 

 

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر


 قسمت سوم آموزش :

 

در این بخش superscript  و subscript آموزش میدم.

 

superscript و subscript شما میتونید تو فرمول های ریاضی و شیمی مشاهده کنید.

 

بطور مثال وقتی میخوایم xبنویسید و میخوایم 2 بالا تر از x  باشه از superscript استفاده میکنیم و همچنین وقتی مخوایم O2 بنویسیم از  subscript استفاده میکنیم.

This is the hidden content, please

وقتی میخواین به یوزر نشون بدین کلمه ای خط خورده یعنی حذف شده متونید از تگ <del> استفاده مکنیم و قتی هم میخوایم نشون بدیم کلمه اضافه شده از تگ <ins> استفاده میکنیم.

This is the hidden content, please

وقتی میخوایم فرمت متن دقیقا همونجوری باشه که نوشته شده از تگ <pre> استفاده میکنیم.

This is the hidden content, please

 

پایان

 

 

 

 

 

 

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر


  • 2 هفته بعد...

 قسمت چهارم آموزش :

 

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

 

لیست ها Unordered List هستند و Ordered List

 

Unordered list در واقع بولت میخورن وقتی شما میخواهید متنی را با بولت نشان دهید از <ul> </ul> استفاده میکنید.

 

هر بولتی با یک لیست ایتمی شروع میشود. و درون تگ <li> </li> می باشد.

 

شکل بولت ها هم میتواند با استفاده از Type تغییر بدهید.

 

به مثال توجه کنید :

This is the hidden content, please

پایان

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر


قسمت پنجم :

 

Ordered List :

 

<ol> </ol> لیستی را نشان میدهد که با عداد مشخص شده .

This is the hidden content, please

نمونه کامل تری از ایتم های ordered lists :

 

قسمت type نوع شمارنده را مشخص می کند . ( بطور مثال از اعداد یونانی استفاده کند یا شماره )

start این امکان میده شمارنده از چه عددی شروع به نمایش کند.

This is the hidden content, please

پایان

 

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر


  • 1 ماه بعد...

قسمت ششم :

 

Outline :

 

ordered List شما میتونه ترتیب های مختلفی داشته باشه. همان طور که ملاحظه میکنید :

This is the hidden content, please
لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر


قسمت هفتم :

 

Definition Lists :

 

تعاریف را مثل یک دیکشنری یا لیست نمایش میدهند.

definition list را با تگ  <dl> </dl> نشان میدهند.

 

در داخل definition list دو تگ دیگر وجود دارد:

 

definition term :

 با تگ <dt> </dt> نشان میدهند.

همان کلمه ای که قراره توضیحش موجود باشد.

 

definition describtion:

با تگ <dd> </dd> نشان میدهند.

توضیحی که بعد از کلمه مورد نظر به ما میدهد.

This is the hidden content, please
لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر


قسمت هشتم :

 

در این بخش پراگراف را به شما آموزش میدم .

 

پاراگراف را با تگ <p> </p> نشان میدهند.

 

در داخل پادا گراف ان تی تی ها رو توضیح دادم . ان تی تی ها یکسری کراکترهای هستند که از طریق کیبورد قابل تایپ نیستند.

 

مجبور هستیم از کد های خاصی استفاده کنیم برای تایپ کردن.

 

به مثال دقت کنید :

This is the hidden content, please

موفق باشید.

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر


قسمت نهم :

 

در این بخش Control Text آموزش میدم در واقع برای نمایش text از ایتم های مختلفی استفاده میکنیم .

 

تگ <hr  />  برای نمایش دادن یک خط از آن استفاده میشود.

 

تگ  <q> </q> برای نمایش دادن کتیشن مارک استفاده میشود. کتیشن مارک را میتوان با " نیز نشان داد .

 

تگ <blockquote> </blockquote> کمی متن رو به جلو میاره  و متن رو جمع تر از بقیه متن ها به شما نمایش میدهد.

 

 

به مثال دقت کنید :

This is the hidden content, please

پیروز باشید .

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر


  • 1 سال بعد...

دوستان عزیز اینم یه کتاب جامع در مورد زبان محبوب HTML 

هر چند که از توضیحات  C0d3!Nj3ct!0N 

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

 

This is the hidden content, please

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر



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

برنامه Acunetix که سایتو اسکن میکنه و باگشو میگه بعد از پایان اسکن سمت راست چند رنگ وجود داره که اگه باگش نفوذ پذیر باشه خط اول که رنگ قرمز داره نشون داده میشه و با استفاده از نمودار وسط میتونیم مستقیم به اون بگ بریم کارمونو شروع کنیم

برنامه txt 2 hex که با این برنامه میتونیم کلماتی مثل اسم تیبل رو رمز گذاری کنیم در وسط کار مورد نیاز هست

برنامه havij که برای پیدا کردن ادمین پیج کاربرد داره و متونی از همون برنامه Acunetix استفاده کنی

یه سایت برای کرک هش در صورت نیاز

یه دیفیس پیج که اگه لاگین شدی سایتو دیفیس کنی


و دیگر هیچ

مثل آشپزی همه رو گفتم 

This is the hidden content, please



موفق باشی 

تشکر فراموش نشه

مشکلی داشتی بپرس

بدرود

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر


مهمان
این موضوع برای عدم ارسال قفل گردیده است.
×
×
  • ایجاد مورد جدید...