img

به وبسایت ما خوش آمدید

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

وارد شوید

آموزشگاه بی نهایت

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

ادامه

عناصر HTML

Image result for html


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

برچسب های HTML

  • برچسب های HTML برای نشانه گذاری عناصر HTML استفاده می شوند
  • بر چسب های HTML توسط دو کاراکتر < و > محاط می شوند
  • این کاراکتر های محاط کننده قلاب نامیده می شوند
  • بر چسب های HTML معمولا بصورت جفت می آیند <b> , <b/>
  • اولین برچسب دوتایی برچسب شروع و دومی برچسب پایانی است
  • متن های بین برچسب ابتدایی و انتهایی محتوای عناصر هستند
  • برچسبهای HTML به حروف کوچک و بزرگ حساس نیستند <b> معادل <B> است.

عناصر HTML

مثال HTML در صفحه قبل را بخاطر بیاورید. این یک عنصر HTML است:

<b>ذخیم کردن متن</b>
عنصر HTML با یک برچسب شروع ، آغاز می شود:<b>
محتوای عنصر HTML: This text is bold
عنصر HTML با یک برچسب پایانی تمام می شود:<b/>
هدف برچسب <b> این است که تعریف کند عناصر HTML باید بصورت برجسته نشان داده شوند این نیز همچنین یک عنصر HTML است:

<body>
آموزشگاه بی نهایت.<b>http://mihanblog.com</b>
</body>

این عنصر HTML با برچسب آغازین <body> شروع و با برچسب پایانی <body/> تمام می شود.
هدف برچسب <body> این است که عناصر HTML را که محتوای بدنه HTML هستند تعریف کند.

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

ما فقط گفتیم که برچسب های HTML حساس به حروف کوچک و بزرگ نیستند و <B>همان معنی <b>را می دهد.هنگامی که شما به وب گردی می پردازد، متوجه خواهید شد که بیشتر آموزش ها در مثال هایشان از حروف بزرگ برچسب های HTML استفاده می کنند.ما همیشه از برچسب های حروف کوچک استفاده می کنیم. چرا؟
اگر شما می خواهید خود را برای نسل های بعدی HTML آماده کنیدشما باید شروع کنید  و از برچسبهای حروف کوچک استفاده کنید.کنسرسیوم شبکه گسترده جهانی (W3C) در نظریه HTML4 خود برچسب های حروف کوچک را توصیه کرده و XHTML(نسل بعدی HTML) برچسبهای حروف کوچک را خواستار شده است.

عناصر برچسب:

برچسبها خود می توانند شامل عناصری باشند ، عناصر می توانند اطلاعات اضافی در باره عناصر HTML در صفحه شما را فراهم کنند.این برچسب عنصر بدنه را در صفحه شما معرفی می کند:
<body>
با اضافه کردن عنصر <bgcolor>شما می توانید به مرورگر بگویید که رنگ پس زمینه شما باید قرمز باشد مثل این:<"body bgcolor="red>
این برچسب یک جدول HTML را معرفی می کند:<table>. با اضافه کردن عنصر حاشیه شما می توانید به مرورگر بگویید که جدول نباید هیچ لبه و حاشیه ای داشته باشد: <"table border="0>
عناصر همیشه در یک زوج نام/مقدار می آیند، مثل این: نام="مقدار"
عناصر همیشه به برچسب شروع عناصر HTML اضافه می شوند

حالتهای کتیشن ، 'قرمز' یا "قرمز"؟

محتوای عناصر باید همیشه در کتیشن ها محدود شوند ، از هر دو حالت کتیشن و  دوبل کتیشن می توان استفاده کرد ولی استفاده از دوبل کتیشن ها متداول تر است. در بعضی موقعیت های نادر مثل هنگامی که محتوای عناصر خود دارای کتیشن هستند  لازم است که از تک کتیشن استفاده کنیم: 'Name='john "shotgun" Nelson

اصول اولیه HTML

آموزش اصول html


به نام خدا

شما در این دوره یاد خواهید گرفت که چگونه با استفاده از html صفحات وب ایجاد کنید.نگران نباشید html خیلی راحته و از یادگیری اون لذت خواهید برد.

آشنایی با زبان نشانه گذاری HTML

HTML از سرواژه های Language Markup Text Hyper و زبان استاندارد طراحی صفحات وب است.

یک سند HTML یک پرونده مبتنی بر متن (based–Textو دارای مجموعه ای از دستورات است که برچسب (tagنام دارند و قالب بندی صفحه را تعیین میکنند.

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

یک فایل HTML الزاما دارای دو پسوند .html و htm. باشند.

شما می توانید برای ایجاد فایل HTML از یک ویرایشگر متنی ساده مثل Notepad استفاده کنید.

 

ایجاد اولین صفحه وب

برای شروع نمی خوام شما را زیاد اذیت کنم و به همین دلیل از همون برنامه Notepad استفاده می کنم و در جلسات بعدی حتما Notepad ++ نصب کنید و با اون آموزشارو پیش ببرید.

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

 

کد زیر را داخل Notepad تایپ کنید:

<html>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

<body/>
<html/>

در انتها فایل را با پسوند .html ذخیره کنید.


اطلاعات ذخیره فایل HTML


در کادر قرمز رنگ اولی نام فایل با پسوند .html تایپ می کنیم.

در کادر قرمز رنگ دومی "Encoding" را به UTF-8 تغییر بدید و در نهایت فایل را ذخیره کنید.

خب،حالا فایل HTML ذخیره شده را با کمک یکی از مرورگرهای ویندوزتان باز کنید (روی فایل دو بار کلیک کنید یا راست کلیک کنید "Open with " را انتخاب کنید)

اولین برچسب در فایل HTML شما،تگ <html> می باشد.این تگ مرورگر شما را متوجه می سازد که این یک فایل HTML است و این تگ به این صورته که <html> شروع می شود و با <html/> به پایان می رسد.

تگ <body> ظاهر سایت شما را مشخص می کند و به صورت کلی شما اون چیزایی که توی سایت می بینید داخل این تگ قرار می گیرد و با <body> شروع می شود و با <body/> به پایان می رسد.

سرتیتر و عنوان ها با استفاده از تگ <h1> تا <h6> مشخص می شود.

<h1> مهم ترین عنوان را تعریف می کند و هر چه از <h1> به <h6> نزدیک می شویم عنوان ما کوچک تر می شود.

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

فعلا تا همینجا کافیه لطفا کدها را کپی نکنید و فقط تایپ کنید تا کاملا یاد بگیرید.


 

فیلم آموزشی به زودی اضافه می شود...



آخرین عناوین

ارزهای دیجیتالی

عناصر HTML

ظاهر بندی HTML

نویسندگی

اصول اولیه HTML

نوشتن برنامه ساده در نوتپد

معرفی نرم افزار AnyDesk

صفحات دیگر

گالری عکس

درباره سایت

این آموزشگاه به منظور افزایش آگاهی مردم نسبت به کسب درآمد از اینترنت در تاریخ 96/7 ساخته شد ، به امید آنکه کسب درآمد از اینترنت در ایران نیز یک شغل ثابت و پر درآمد شود .
تیم بی نهایت

اطلاعات تماس، پیوندها و ...

اطلاعات تماس

آمار سایت

  • بازدید کل:
  • بازدید امروز:
  • بازدید دیروز:
  • بازدید ماه قبل:
  • بازدید این ماه:
  • تعداد مطالب:
  • نویسندگان:

نظرسنجی

امتیاز شما از 1 تا 5 به این سایت چقدر است ؟







قدرت گرفته از میهن بلاگ