پرش به


تصویر

اموزش زبان HTML از 0 تا 100

اختصاصی HTML HTML 5 100 PROGRAM PROGRAMMING LANGUAGE اموزش مبتدی تا حرفه ای اچ تی ام ال اچ تی ام ال چیست اچ تی ام ال 5 اچ تي ام ال اچ تی ام ال آموزش اچ تی ام ال 5 چیست؟ اچ تی ام ال به زبان ساده اچ تی ام ال کد اچ تي ام ال 5 اچ تی ام ال ادیتور اچ تی ام ال چيست ایکس اچ تی ام ال چیست فایل اچ تی ام ال چیست زبان اچ تی ام ال چیست آموزش اچ تی ام ال 5 Pdf آموزش اچ تی ام ال 5 دانلود اچ تی ام ال 5 کتاب اچ تی ام ال 5 دانلود آموزش اچ تی ام ال 5 کتاب آموزش اچ تی ام ال 5 دانلود کتاب اموزش اچ تی ام ال 5 آموزش اچ تي ام ال كدهاي اچ تي ام ال قالب اچ تي ام ال كد اچ تي ام ال پروژه اچ تي ام ال سايت اچ تي ام ال تگ هاي اچ تي ام ال اچ تي ام ال چيست؟ آموزش اچ تی ام ال Pdf آموزش اچ تی ام ال به زبان ساده آموزش اچ تی ام ال به زبان فارسی آموزش اچ تی ام ال.doc آموزش اچ تی ام ال و سی اس اس آموزش اچ تی ام ال لیندا کدهای اچ تی ام ال کد اچ تی ام ال رنگ ها کد اچ تی ام ال متن متحرک کد اچ تی ام ال عکس کد اچ تی ام ال اسلاید شو کد اچ تی ام ال قرار دادن عکس

  • موضوع قفل شده این موضوع قفل شده است
10 پاسخ برای این موضوع

#1 ارسالی 10 سپتامبر 2015 - 04:43

    OFFLINE
    تاریخ عضویت :
    17 ژوئن 2015
  • ختم روزگار
  • Anonymous
  • 283 ارسال
    Last Visit نوامبر 22 2015 11:34
  • Slogan : hack & security
  • Country :
  • Gender : Male
  • Location : IRAN

اموزش زبان HTML از 0 تا 100

html.jpg

 

درود

اموزش زبان HTML از 0 تا 100

قصد دارم در این دوره جهت پیشرفت تیم و کاربران در برنامه نویسی زبان HTML 5 رو اموزش بدم

لطفا قوانین رو رعایت کنید

اسپم ممنوع

سوالات در پ.خ پرسیده شه

تاپیک هر روز اپدیت میشه

با تشکر

MaMaD_Malware


ویرایش شده توسط Mr.khatar 14 نوامبر 2015 - 08:21 .

MaMaD_Malware


گروه امنیتی هکران ناشناس ایران


WWW.ANONYMOUS-SEC.ORG


اموزش html از 0 تا 100


#2 ارسالی 10 سپتامبر 2015 - 04:46

    OFFLINE
    تاریخ عضویت :
    17 ژوئن 2015
  • ختم روزگار
  • Anonymous
  • 283 ارسال
    Last Visit نوامبر 22 2015 11:34
  • Slogan : hack & security
  • Country :
  • Gender : Male
  • Location : IRAN

download webbuilder

 خب قبل از اموزش ها یک نرم افزاری رو معرفی میکنم که میتونه تو نوشتن html به شما کمک کنه

میتونید به لینک زیر مراجعه کنید

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

حتما دانلود کنید


ویرایش شده توسط MaMaD_Malware 28 سپتامبر 2015 - 02:23 .

MaMaD_Malware


گروه امنیتی هکران ناشناس ایران


WWW.ANONYMOUS-SEC.ORG


اموزش html از 0 تا 100


#3 ارسالی 10 سپتامبر 2015 - 05:10

    OFFLINE
    تاریخ عضویت :
    17 ژوئن 2015
  • ختم روزگار
  • Anonymous
  • 283 ارسال
    Last Visit نوامبر 22 2015 11:34
  • Slogan : hack & security
  • Country :
  • Gender : Male
  • Location : IRAN

INTRODUCTION

دیگه نمیریم سراغ تاریخچه و ....

بریم سر اصل مطلب

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

و این رو بگم که BASE اصلی ما کد زیر میباشد پس خوب دقت کنید

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

 با HTML میتوانید وب سایت خودتون رو طراحی کنید


ویرایش شده توسط MaMaD_Malware 28 سپتامبر 2015 - 02:25 .

MaMaD_Malware


گروه امنیتی هکران ناشناس ایران


WWW.ANONYMOUS-SEC.ORG


اموزش html از 0 تا 100


#4 ارسالی 10 سپتامبر 2015 - 09:49

    OFFLINE
    تاریخ عضویت :
    17 ژوئن 2015
  • ختم روزگار
  • Anonymous
  • 283 ارسال
    Last Visit نوامبر 22 2015 11:34
  • Slogan : hack & security
  • Country :
  • Gender : Male
  • Location : IRAN

LESSON 1

در واقع html یک زبان علامت گذاری میباشد

html مخفف :

Hyper Text Markup Language

  (زبان علامت گزاری ابر متن)

 خب در درس قبلی همون طور که یادتون هست بنده یک مثالی رو زدم

حالا میخوایم اجزای اون مثال رو با هم مورد بررسی قرار بدیم

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

خب تمامی تگ هارو یکی یکی بررسی میکنیم

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

نشان دهنده ی اینه که سند ما یک سند html هست

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

اولین تگی هست که بعد از doctype html نوشته میشود

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

همون طور که از معنی کلمه معلومه یعنی سر یعنی قسمت بالا که ما بین تگ <head> موضوع یا title خودمون رومینویسیم یعنی این:

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

که در اصل میشه

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

تگ بعدیتگ <body> هست که نشانم دهنده ی بدنه ی سند ماست و هر چیزی که بین این تگ قرار بگیره در صفحه ی وب قابل نمایش هست

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

تگ عنوان که برای نمایش عنوان مطلب هست :

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

تگ پاراگراف:

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

فقط بدونید که تگ های html به صورت جفت مایند یعنی تگ شروع و تگ پایان(تگ اغازین و تگ پایانی)

<tagname/>متن مورد نظر <tagname>


تگ پایانی همراه با یک اسلش هست (/)

برای مثال

<p>anonymous security group</p>

 

 

فکر کنم تا اینجا بس باشه فقط یک نکته ای رو بگم که اگه میخواین یاد بگیرید درس به درس با ما پیش بروید و کد ها رو تمرین کنید


ویرایش شده توسط Mr.khatar 14 نوامبر 2015 - 08:22 .

MaMaD_Malware


گروه امنیتی هکران ناشناس ایران


WWW.ANONYMOUS-SEC.ORG


اموزش html از 0 تا 100


#5 ارسالی 11 سپتامبر 2015 - 08:38

    OFFLINE
    تاریخ عضویت :
    17 ژوئن 2015
  • ختم روزگار
  • Anonymous
  • 283 ارسال
    Last Visit نوامبر 22 2015 11:34
  • Slogan : hack & security
  • Country :
  • Gender : Male
  • Location : IRAN

LESSON 2

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

<DOCTYPE html!>
<html>  

<head>        
<title>anonymous security inc</title>                 
<head/>         

<body>              

<h1>this is a heading in html 5</h1>                      
<p>and this is a paragraph ;) </p>                      

 
<body/>              
<html/>       

که در نتیجه کد بالا تصویر زیر پدیدار میشه

 

Capture.PNG

 

خب دیدید که در کد بالا ابتدا DOCTYPE html! نوشته شده بود

که میتونید به صورت

=============================

doctype html!

DOCTYPE HTML!

doctype HTML!

Doctype html!

============================================================

بنویسید و هیچ فرقی هم ندارند

 

خب حالا که در مورد doctype بحث شد بهتره که همین doctype رو در version های قبلی html مشاهده کنید

 

HTML 5

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

HTML 4

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

HTML 1

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

خب البته در HTML 5 کار ما راحت تر شده و میتونید خیلی راحت و سریع تر HTML بنویسید

 

   


ویرایش شده توسط Mr.khatar 14 نوامبر 2015 - 08:23 .

MaMaD_Malware


گروه امنیتی هکران ناشناس ایران


WWW.ANONYMOUS-SEC.ORG


اموزش html از 0 تا 100


#6 ارسالی 11 سپتامبر 2015 - 09:14

    OFFLINE
    تاریخ عضویت :
    17 ژوئن 2015
  • ختم روزگار
  • Anonymous
  • 283 ارسال
    Last Visit نوامبر 22 2015 11:34
  • Slogan : hack & security
  • Country :
  • Gender : Male
  • Location : IRAN

LESSON 3

خب شاید کسی ندونه که چطوری باید html رو اجرا کنه که ببینه چی شده

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

برای این کار ما نیاز به notepad داریم

حالا notepad رو از کجا گیر بیاریم؟

برای این کار در desktop راست کلیک میکنید روی new کلیک کنید و دراین قسمت text document رو انتخاب کنید

حالا notepad در اختیار شماست

با نرم افزار های تخصصی ترمثل sublime text هم این امکان وجود داره اما من از notepad استفاده میکنم چون هم سادست هم در دسترس

 

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


خب کد های html رو بنویسید
1.PNG 
برای ذخیره کردن فایل مون :
file/save as را انتخاب کنید
یک اسمبرای document خود انتخاب کنید و با فرمت .html یا .htm ذخیره کنید
فرقی نمیکنه که .HTML یا .HTM باشه

مثل
anonymous-sec.htm
anonymous-sec.html
و در قسمت ENCODING بهتر است که UTF-8 انتخاب شود 
ANSI کاراکتر های امریکایی و اروپای غربی را پوشش میدهد در نتیجه UFT-8 بهتر است

2.PNG
برای نمایش صفحه ی html خود میتوانید ان را بر روی مرور گر خود بکشید یا راست کلیک کنید و open with را انتخاب کنید


ویرایش شده توسط MaMaD_Malware 28 سپتامبر 2015 - 02:27 .

MaMaD_Malware


گروه امنیتی هکران ناشناس ایران


WWW.ANONYMOUS-SEC.ORG


اموزش html از 0 تا 100


#7 ارسالی 11 سپتامبر 2015 - 12:11

    OFFLINE
    تاریخ عضویت :
    17 ژوئن 2015
  • ختم روزگار
  • Anonymous
  • 283 ارسال
    Last Visit نوامبر 22 2015 11:34
  • Slogan : hack & security
  • Country :
  • Gender : Male
  • Location : IRAN

*
پست محبوب

LESSON 4

HTML5_1Color_White.png

 

با سلامی دوباره

خب در این درس میخواهیم به یکسری مطالب پایه بپردازیم

نکته: اگر در این حین تگ هایی بود که نیاموخته اید نگران نباشید چون در درس های بعدی حتما توضیح خواهم داد

و

اگر سوالی هم داشتید پ.خ در خدمتم

خب امیدوارم که چیدمان کد های html رو کامل یادگرفته باشید چون من در درس های قبلی توضیح دادم اما یک بار دیگه میگم

به کد زیر توجه داشته باشید

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

1-شروعبا <DOCTYPE html!>

2- بعد از ان با <html> شروع و با <html/> به پایان میرسد

3-موضوع یا title ما در بین <head> و <head/> قرار میگیرد

4- هر چیزی که بین تگ <body> و <body/> قرار گیرد در brower نمایان میشود

 

نکته : در اموزش ها اگر دیدید که کد html رو کامل قرار ندادم بدونید که اون کد رو در بین body مینویسیم

یعنی اگر دیدید به جای کد زیر

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

من فقط کد زیر رو قرار دادم

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

بدونید که منظورم همان کد اولیست و در بین body قرار میگیرد در مواقع ضرورری که تشخیص دادم کد کامل رو میزارم

 

headings

 

خب ما در مورد عنوان ها یا headings صحبت کردیم

اما در این درس یاد میگیرید که چگونه یک عنوان کوچک تر را بسازید

عنوان ها به ترتیب از بزرگ به کوچک تا تگ h6 ادامه دارند

یعنی:

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

که h1 بزرگترین عنوان و h6 کوچک ترین عنوان رو تشکیل میدهد

که در نتیجه کار ما به صورت زیر میشود:

This is heading 1

This is heading 2

This is heading 3

This is heading 4

This is heading 5

This is heading 6

paragraphs

 برای پاراگراف ها نمیتوان عدد نوشت که برای مثال بزرگ تر یا کوچک تر شوند

پاراگراف ها را با تگ p مینویسیم

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

لینک ها

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

خب همان طور که در کد بالا دیدید لینک ها رو با تگ a مینویسیم

اگر درکد بالا دقت کنید href رو میبینید

ممکنه از خودتون سوال کنید که این چی میتونه باشه؟

در جواب میتونم بگم که href یک خصویت (attribute) میباشد

خصوصیت ها اطلاعات بیشتری در مورد عنصر های html در اختیار میگذارند

در این مورد در درس های بعدی توضیح خواهم داد

 

تصاویر image

 

برای تصاویر از کد زیر و تگ img استفاده میشود

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

الان در کد بالا src و alt و width و height خصوصیت یا attribute ما هستند

1- در جلوی src لینک عکسی که upload کردیم رو میدیم

2- در جلوی alt اسمی مربوط به عکسمون رو مینویسیم که در درس های بعدی کاربردش رو میگم

3-در جلوی width و height اندازه ی تصویر خودمون رو مینویسیم

 

دوستان هر گونه انتقاد یا پیشنهادی دارید پ.خ در ارتباط باشید


ویرایش شده توسط MaMaD_Malware 28 سپتامبر 2015 - 02:28 .

MaMaD_Malware


گروه امنیتی هکران ناشناس ایران


WWW.ANONYMOUS-SEC.ORG


اموزش html از 0 تا 100


#8 ارسالی 11 سپتامبر 2015 - 02:04

    OFFLINE
    تاریخ عضویت :
    17 ژوئن 2015
  • ختم روزگار
  • Anonymous
  • 283 ارسال
    Last Visit نوامبر 22 2015 11:34
  • Slogan : hack & security
  • Country :
  • Gender : Male
  • Location : IRAN

LESSON 5

elements

عناصر

 

سند های html با عنصر های html ساخته میشند

عنصر html چیست؟

<tagname>content</tagname>

هر چیزی از تگ شروع تا تگ پایانی را عنصر html مینامند

 فراموشی تگ پایانی

بعضی از عنصر های html به صورت صحیح نمایش داده میشوند حتی اگر تک پایانی فراموش شود

مانند

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

اما هیچ وقت به ان اکتفا نکنید چون:

ممکنه موجب error یا نتایج نامعلوم بشه

پس

بهتر است تگ پایانی رو فراموش نکنیم

Empty Elements
عنصر های بدون content رو میگیم عنصر های خالی (empty elements)
برای مثال :

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

که در درس های بعدی در مورد کاربرد اون توضیح میدم
عنصر های تهی میتوانند در تگ شروع بسته شوند

یعنی:

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

در html 5 لازم نیست که حتما این نوع تگ ها رو ببندید اما اگر میخواین متن تون برای تجزیه کنندگان xml قابل خوندن باشه تمامی تگ ها رو ببندید
نکته: تگ با حروف کوچک = تگ با حروف بزرگ

یعنی:

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

 اما بهتر است که از حروف کوچک در تگ ها استفاده کنید​ چون در واقع راحت تر و رایج است

 


 


ویرایش شده توسط Mr.khatar 14 نوامبر 2015 - 08:24 .

MaMaD_Malware


گروه امنیتی هکران ناشناس ایران


WWW.ANONYMOUS-SEC.ORG


اموزش html از 0 تا 100


#9 ارسالی 12 سپتامبر 2015 - 02:25

    OFFLINE
    تاریخ عضویت :
    17 ژوئن 2015
  • ختم روزگار
  • Anonymous
  • 283 ارسال
    Last Visit نوامبر 22 2015 11:34
  • Slogan : hack & security
  • Country :
  • Gender : Male
  • Location : IRAN

LESSON 6

HTML.jpg

 

attributes

خصوصیت ها

خب همون طور که قول داده بودممیخوام امروز در مورد خصوصیت ها توضیح بدم

همون طور که در درس های قبلی توضیح داده بودم :

خصوصیت ها اطلاعات بیشتری در مورد عنصر های html در اختیار میگذارند

1- عنصر ها html میتوانند خصوصیت داشته باشند

2-خصوصیت ها همیشه در تگ اغازین نوشته مسیشوند

3-attribute ها به صورت جفت و به شکل زیر می ایند:

" مقدار " = نام

" name=" value

اول از همه بگم که خصوصیت هاهمانند تگ ها فرقی نداره که با حروف بزرگ یا کوچک نوشته شود

اما

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

خب میریم سر مثال ها

خصوصیت زبان یاlang attribute

 

نوشتن زبان یک سند بسیار برای موتور های جستوجو و screen readerها مفید است

en=english

us=snited state

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

خصوصیت href

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

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

attribute in images

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

size attribute

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

نمی اید

یعنی :

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

alt attribute

 

خب رسیدیم به خصوصیت الت که گفتم در مورد کاربردش توضیح میدم

خب هم میتونید استفاده کنید و هم نه

اما

استفاده کنید بهتره

چرا؟

1-چون افراد نابینا که نمیتونند تصویری رو ببینند میتوانند با کمک screen reader  ها (که متن رو با صدا میخونند برای افراد نابینا) میتوانند بشنوند و بفهمند که در این قسمت چه چیزی وجود دارد

2- وقتی یک تصویر (به هر علتی) ناقص لود میشه یا اصلا لود نمیشه این کلمه جایگزین اون میشه و باعث میشه تا متوجه شیم اینجا جای چه تصویری بوده که الان نیست

title attribute

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

خب حالا اگه موس خودتون رو روی متن ببرید در یک مستطیل کوچک نام anonymous security inc نمایان میشود

 

خب همون طور که در مثال های بالا دیدید ما مقدار ها رو بین" " قرار میدیم

اما

در بعضی مواقع قرار ندادن ان مانعی ندارد

یعنی میتوانید بجای

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

از کد زیر:

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

استفاده کنید

اما در بعضی مواقع باعث error میشود

چرا

بخاطر space که بین دو کلمه وجود دارد

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

پس بهتره که در هر شرایطی مقدار رو در " " قرار بدهیم
خب یک توضیحی هم میدم
در این مورد

ما میتونیم به جای استفاده از " " از ' ' استفاده کنیم

کی؟

زمانی که کلمه ی مورد نظر خود دارای " " یا ' ' میباشد مانند:

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

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


ویرایش شده توسط MaMaD_Malware 28 سپتامبر 2015 - 02:29 .

MaMaD_Malware


گروه امنیتی هکران ناشناس ایران


WWW.ANONYMOUS-SEC.ORG


اموزش html از 0 تا 100


#10 ارسالی 27 سپتامبر 2015 - 07:24

    OFFLINE
    تاریخ عضویت :
    17 ژوئن 2015
  • ختم روزگار
  • Anonymous
  • 283 ارسال
    Last Visit نوامبر 22 2015 11:34
  • Slogan : hack & security
  • Country :
  • Gender : Male
  • Location : IRAN

LESSON 7

cover_html_html.png

با سلام خدمت دوستان

قرار شد که دوباره درس هارو ادامه بدم بخاطر دوست عزیزم محمود

و برای پیشرفت انجمن در برنامه نویسی در زبان html

2 نفر هم از اموزش ها رو یاد بگیرند کافیه

خب در این درس راجع به Headings یا عنوان ها صحبت میکنیم

Headings

خب همون طور که در درس های قبل تر توضیح داده بودم عنوان ها از h1 تا h6 ادامه دارند که h1 مهم ترین عنوان و h6 کم اهمیت ترین عنوان میباشد

فکر نکنم دیگه لازم به توضیح اضافی باشه فقط کد هارو یکبار دوره میکنیم

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

نکته ی مهم: بین کد ها چه space بزارید چه نزارید در متن فرقی نمیکند

برای مثال کد زیر

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

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

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

نکته ی بسیار مهم :

از عنوان ها فقط برای نوشتن عنوان ها استفاده کنید بعضی ها از عنوان ها برای بزرگ یا bold کردن متن استفاده میکنند که اشتباه است

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

پس هیچگاه از عنوان ها برای بزرگ کردن متن استفاده نکنید (در درس های بعدی راجع به bold کردن متن توضیح میدیم)

 خطوط افقی

برای استفاده از ان میتونید از کد زیر استفاده کنید

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

همانطور که در کد بالا ذکر شده برای خطوط افقی از تگ hr استفاده میشود کهتگ hr یکempty element میباشد پس میتونید به صورت زیر هم بنویسید یعنی به جای <hr> از </hr> استفاده کنید

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

تگ متا

برای اینکار از <meta> استفاده میکنیم

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

تگ متا در صفحه نمایش داده نمیشود و بین تگ head قرار میگیرد که در مورد encoding مطلب توضیح میدهد

پیشنهاد میشه از تگ meta استفاده کنید


ویرایش شده توسط MaMaD_Malware 28 سپتامبر 2015 - 02:30 .

MaMaD_Malware


گروه امنیتی هکران ناشناس ایران


WWW.ANONYMOUS-SEC.ORG


اموزش html از 0 تا 100






همچنین به اختصاصی, HTML, HTML 5, 100, PROGRAM, PROGRAMMING, LANGUAGE, اموزش, مبتدی تا حرفه ای, اچ تی ام ال, اچ تی ام ال چیست, اچ تی ام ال 5, اچ تي ام ال, اچ تی ام ال آموزش, اچ تی ام ال 5 چیست؟, اچ تی ام ال به زبان ساده, اچ تی ام ال کد, اچ تي ام ال 5, اچ تی ام ال ادیتور, اچ تی ام ال چيست, ایکس اچ تی ام ال چیست, فایل اچ تی ام ال چیست, زبان اچ تی ام ال چیست, آموزش اچ تی ام ال 5 Pdf, آموزش اچ تی ام ال 5, دانلود اچ تی ام ال 5, کتاب اچ تی ام ال 5, دانلود آموزش اچ تی ام ال 5, کتاب آموزش اچ تی ام ال 5, دانلود کتاب اموزش اچ تی ام ال 5, آموزش اچ تي ام ال, كدهاي اچ تي ام ال, قالب اچ تي ام ال, كد اچ تي ام ال, پروژه اچ تي ام ال, سايت اچ تي ام ال, تگ هاي اچ تي ام ال, اچ تي ام ال چيست؟, آموزش اچ تی ام ال Pdf, آموزش اچ تی ام ال به زبان ساده, آموزش اچ تی ام ال به زبان فارسی, آموزش اچ تی ام ال.doc, آموزش اچ تی ام ال و سی اس اس, آموزش اچ تی ام ال لیندا, کدهای اچ تی ام ال, کد اچ تی ام ال رنگ ها, کد اچ تی ام ال متن متحرک, کد اچ تی ام ال عکس, کد اچ تی ام ال اسلاید شو, کد اچ تی ام ال قرار دادن عکس نیز برچسب خورده است

0 کاربر در حال خواندن این موضوع است

0 کاربر، 0 مهمان و 0 عضو مخفی

رفتن به اول صفحه | Back To UP