close
دانلود آهنگ جدید
css - 2
loading...

کامپیوتر پرسش - آموزش رایگان کامپیوتر

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

ویژگی href در اچ تی ام ال

کامپیوتر پرسش بازدید : 102 دو شنبه 19 / 01 / 1398 نظرات ()

همانطور که گفتیم لینک های اچ تی ام ال با تگ <a>تعریف می شوند. هر لینک نیازمند یک نشانی اینترنتی است، در این زبان URLها در ویژگی href تعیین می شوند.

مثال

<!DOCTYPE html>

<html>

<head>

<title>ویژگی href</title>

</head>

<body>

<a href="https://www.google.com">گوگل</a>

</body>

<html>

نتیجه

لینک 

در آینده و در بخش لینک ها بیشتر در مورد این تگ توضیح خواهیم داد.

جلسه قبل | جلسه بعد

ویژگی ها در اچ تی ام ال

Attributes (ویژگی ها / خصیصه ها / صفت ها): ویژگی ها در زبان اچ تی ام ال اطلاعات اضافی در مورد عناصر را ارائه می دهند.

در بخش های قبل در مورد تعدادی تگ ها مثال <p>, <h1> صحبت کریم و عملکرد آنها را هم بررسی نمودیم. تاکنون این تگ ها را در ساده ترین شکل ممکن به کاربردیم، اما بسیاری از تگ های اچ تی ام ال می توانند دارای ویژگی هایی باشند که اطلاعاتی را به تگ اضافه کنند.

چند نکته:

ü      تمامی عنصرهای اچ تی ام ال می توانند دارای ویژگی باشند.

ü      ویژگی ها اطلاعات اضافی را برای یک عنصر ارائه می دهند.

ü      ویژگی ها همیشه در تگ شروع نوشته می شوند.

ü      ویژگی ها به صورت نام ویژگی="مقدار" قرار می گیرند.

نام ویژگی عملی است که می خواهید تنظیم کنید. به عنوان مثال، عنصر <p> در مثال زیر دارای ویژگی است که نام آن align می باشد، با استفاده از ویژگی align می توانید تراز (محل) پاراگراف در صفحه را مشخص کنید.

مقدار یا ارزش چیزی است که نوع عمل را مشخص می کندو همیشه در علامت "نقل قول" قرار می گیرد. در مثال زیر برای ویژگی align که عمل مشخص کردن تراز متن است سه مقدار در نظر می گیریم.

توجه: نام و مقدار ویژگی ها به اندازه حروف (کوچک و بزرگ) حساس نیستند، با این حال، کنسرسیوم وب جهان گستر (W3C) توصیه می کند که از حروف کوچک استفاده کنید.

مثال:

<!DOCTYPE html>

<html>

<head>

<title>ویژگی ها در اچ تی ام ال</title>

</head>

<body>

<p align="left">این متن در سمت چپ قرار می گیرد.</p>

<p align="right">این متن در سمت راست قرار می گیرد.</p>

<p align="center">این متن در وسط قرار می گیرد.</p>

</body>

</html>

نتیجه:

ویژگی ها در HTML 

در جدول زیر شما لیستی از مهمترین ویژگی ها به همراه عملکرد آنها را مشاهده می کنید، در ادامه تمامی این ویژگی ها را به صورت جداگانه توضیح خواهیم داد:

عملکرد

نوع تنظیم (مقدار)

نام ویژگی

ساخت لینک یا پیوند با آدرس اینترنتی شما.

URL (نشانی اینترنتی)

href

برای نمایش تصویر در تگ <img>.

آدرس تصویر آپلود شده

src

متن جایگزین تصویر.

دلخواه کاربر (شما تعیین میکنید)

alt

ویژگی استایل ظاهر عناصر مانند رنگ و فونت را مشخص می کند.

رنگ، فونت، اندازه و غیره

style

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

کدهای زبان کشورها

lang

یک عنوان شناور به عنصر اضافه می کند.

دلخواه کاربر (شما تعیین میکنید)

title

عرض تصویر را مشخص می کند.

مقدار عددی

width

ارتفاع تصویر را مشخص می کند.

مقدار عددی

height

یک عنصر را با زبان CSS پیکربندی می کند.

دلخواه کاربر (شما تعیین میکنید)

class

نام یک عنصر برای استفاده در CSS

دلخواه کاربر (شما تعیین میکنید)

id

ایجاد پس زمینه برای یک عنصر

URL (نشانی اینترنتی)

background

رنگ پس زمینه برای هر عنصر

مقدار عددی، هگزادسیمال، مقدار RGB

bgcolor

تراز عمودی برای عنصرها

Top, bottom, middle

valign

تراز افقی برای عنصر ها

Left, right, center

align

تعیین جهت متن کل سند (راست به چپ و چپ راست)

rtl, ltr

dir

جلسه قبل | جلسه بعد

عنصرها در اچ تی ام ال

کامپیوتر پرسش بازدید : 77 جمعه 16 / 01 / 1398 نظرات ()

عنصر اچ تی ام ال توسط یک تگ شروع تعریف می شود. اگر عنصر حاوی محتوای دیگری باشد، آن را با یک تگ بسته به پایان می رسانیم، جایی که نام عنصر توسط یک علامت فوروارد اسلش (/) قرار می گیرد.

به عبارت دیگر یک عنصر اچ تی ام ال معمولا شامل تگ شروع و پایانی به همراه مطالب میانی آنها است.

مثال های زیر عنصر هستند:

<p>این یک عنصر است</p>

<h1>این یک عنصر است</h1>

<div>این یک عنصر است</div>

به صورت کلی:

<نام تگ شروع>این یک عنصر است</نام تگ پایان>

نکته: همانطور که گفتیم عنصر اچ تی ام ال با یک تگ شروع تعریف می شود بنابراین تگ هایی مانند <br /> که برای شکست خط و غیره استفاده می شوند نیز عنصر هستند. این عنصرها تگ بسته یا پایانی ندارند و محتوایی درون این عنصر قرار نمی گیرد در نتیجه این چنین عناصر را عناصر خالی می نامند.

تفاوت میان عنصر و تگ چیست؟

شاید برایتان سوال شده باشد که بین عنصر و تگ چه تفاوتی وجود دارد؟

عنصر اچ تی ام ال با یک تگ شروع تعریف می شود و اگر عنصر حاوی مطلب دیگری باشد با یک تگ بسته به پایان می رسد. به مثال زیر دقت کنید:

<h1>این یک هدینگ است</h1>

به مثال بالا عنصر هدینگ یا عنصر عنوان گفته می شود. امّا اگر <h1> به تنهایی به کاربرده شود یک تگ نامیده می شود.

عناصر تو در تو

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

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

<!DOCTYPE html>

<html>

<head>

<title>عناصر تو در تو</title>

</head>

<body>

<p>عناصر تو در تو یعنی یک عنصر در عنصر دیگر نگه داری می شود</p>

</body>

</html>

توضیح:

در مثال بالا عناصر <html>, <head> و <body> درون خود عناصر دیگری را نگه داری می کنند و به این روش عناصر تو در تو گفته می شود.

عنصر <html> شامل عنصرهای <head>…</head>, <title>…</title>, <body>…</body>, <p>…</p> است.

عنصر <head> شامل عنصر <title>…</title> است.

عنصر <body> شامل عنصر <p>…</p> است.

یادآوری:

·         بستن تگ ها را فراموش نکنید.

·         همیشه از حروف کوچک استفاده کنید (به غیر از اعلامیه اچ تی ام ال).

·         تگ هایی که شامل محتوا نمی شوند نیز یک عنصر هستند، مانند: <hr />

 جلسه قبل | جلسه بعد

تگ های مقدماتی و عمومی اچ تی ام ال

کامپیوتر پرسش بازدید : 91 پنج شنبه 15 / 01 / 1398 نظرات ()

معمولا هر صفحه وب با یک سرتیتر (عنوان) یا هدینگ شروع می شود. سرتیترهای اچ تی ام ال با تگ های <h1> تا <h6> تعریف می شود. لازم است بدانید هنگامی که تگ های عنوان در مرورگر نمایش داده می شوند، خود مرورگر یک خط را قبل و یک خط را بعد از آن اضافه می کنند.

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

در اچ تی ام ال هم همینگونه است، جایی که سرتیتر <h1> قرار دارد مهمترین عنوان و جایی که تگ <h6> قرار دارد کمترین اهمیت را نشان می دهد.

تعداد استفاده از این تگ های عنوان در صفحات وب نامحدود است اما باید بسیار در به کاربردن آنها دقت کرد. تگ های <h2>, <h3>, <h4>, <h5> و <h6> هرکدام باید به تعداد مورد نیاز استفاده شوند.

کار و تمرین زبان اچ تی ام ال

کامپیوتر پرسش بازدید : 93 چهار شنبه 14 / 01 / 1398 نظرات ()

همانطور که در مقدمه ی آموزش بیان کردیم، شما برای یادگیری زبان اچ تی ام ال نیاز دارید که با ویرایشگرهای متنی کار کنید.

البته لازم به ذکر است که، زبان اچ تی ام ال دارای ویرایشگرهای متنی ویژه همچون کافی کاپ اچ تی ام ال ادیتور است. امّا برای شروع کار تنها یک ویرایشگر متنی ساده مثل نت پد (Notepad) کافیست.

برنامه نت پد به طور پیشفرض برروی سیستم عامل های مایکروسافت ویندوز نصب است و نیاز به دانلود و نصب این برنامه ندارید. همچنین اگر از سیستم عامل های مک استفاده می کنید می توانید از نرم افزار پیشفرض تکست ادیت (Textedit) استفاده نمایید.

حالا یک صفحه اچ تی ام ال ساده در نت پد می نویسیم، آنرا ذخیره می کنیم و در نهایت نتیجه را در مرورگر مشاهده می کنیم.

برای اینکار ابتدا نرم افزار ویراشگر متنی نت پد را باز کرده (اگر نمی دانید این نرم افزار در کجا قرار دارد در قسمت جستجوی ویندوز عبارت "Notepad" را وارد کرده و نرم افزار را باز کنید). سپس تگ ها و مقدار های زیر را وارد می کنیم:

<!DOCTYPE>

<html>

<body>

<h1>این یک سرتیتر است</h1>

<p>آموزش تمرین اچ تی ام ال در نت پد</p>

</body>

</html>

نت پد اچ تی ام ال

در ادامه از سربرگ File گزینه Save as را انتخاب کنید. یک پنجره باز می شود که باید مسیر ذخیره سازی سند خود را مشخص کنید، پس از آن مانند تصویر زیر کادرها را پر و انتخاب کنید و در نهایت فایل را ذخیره کنید:

ذخیره اچ تی ام ال

دقت داشته باشید که: پسوند نام فایل را .htm یا .html بگذارید و در قسمت Encoding گزینه UTF-8 را انتخاب کنید.

در نهایت به محلی که فایل را ذخیره کردید بروید و برروی فایل ایجاد شده دوبار کلیک کنید.

سند شما در مرورگر ویندوزتان اجرا می شود (همانند تصویر زیر).

اچ تی ام ال

جلسه قبل | جلسه بعد

آموزش زبان اچ تی ام ال - مقدمه

کامپیوتر پرسش بازدید : 118 شنبه 10 / 01 / 1398 نظرات ()

مقدماتی از اچ تی ام ال:

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

HTML از چهار حرف تشکیل شده و مخفف چهار کلمه است:

H: Hyper (ابر)

T: Text (متن)

M: Markup (نشانه گذاری)

L: Language (زبان)

HyperText Markup Language | زبان نشانه گذاری ابرمتن

این زبان در اواخر سال 1991 توسط یکی از دانشمندان بریتانیایی علوم کامپیوتر یعنی سر تیموتی جان برنرز-لی ارائه شد. امّا HTML2 که اولین خصوصیات استاندارد HTML را داشت در سال 1995 منتشر شد. و نسخه چهارم HTML در سال 1999 توسعه یافت که بسیار مورد توجه قرار گرفت و به طور گسترده ای مورد استفاده واقع شد اما در حال حاضر از زبان HTML5 که یک پروژه ی گسترش برای HTML4.01 بود و در سال 2012 تکمیل شد، استفاده می شود.

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

قبل از اینکه این آموزش ها را شروع کنید بهتر است دانش مقدماتی درباره ی سیستم عامل ویندوز یا لینوکس وغیره داشته باشید، علاوه برآن آشنایی با موارد زیر نیز بسیار کمک کننده است:

1- تجربه کار با هر ویرایشگر متنی مانند تکست ادیتور، نت پد++ یا ادیت پلاس و غیره.

2- نحوه ایجاد دایرکتوری ها و فایل ها برروی کامپیوتر.

3- آشنایی با فرمت های مختلف چندرسانه ای ها مانند تصاویر، ویدئوها و موسیقی ها مثل mp3, mp4, jpeg, png و غیره.

4- نحوه تایپ یک عبارت متنی در فایل و ذخیره آن برروی کامپیوتر.

5- حرکت در دایرکتوری های مختلف و کار با محتویات آنها.

دانلود کتاب اصول تکنیک آژاکس

کامپیوتر پرسش بازدید : 86 شنبه 11 / 12 / 1397 نظرات ()

مقدمه: در حالی تصمیم به نگارش پیش گفتاری در خور این اثر گرفتم که هوایی که در آن نفس می کشم سرشار از یأس همراه با کنیسه نسبت به روزگار است. تنها نیرویی که به دستانم قدرت چرخش قلم و به ذهنم قدرت فکر داد تا آخرین صفحات این اثر را آماده سازم، نیرویی امیدی است که از نور محب ستاره ای مهربان به جان و فکرم می تابد. خود واقفم که این جملات مناسب پیش گفتار اثری با ادعای علمی نیست، اما با کمال میل این خیط و سرکشی از قوانین را به جان می خرم، چرا که معتقدم عامل تبدیل به علم به عمل چیزی جز عشق نیست. به عشق که در جان و دل دارم افتخار می کنم و این اثر ناچیز را به ستاره فروزان زندگی ام تقدیم می دارم.

آخرین سال تحصیل اینجانب، با ظهور تکنیک آژاکس همراه بود. با توجه به اینکه در زمینه معرفی این تکنیک تلاشی درخور، تا آن زمان صورت نگرفته بود، این موضوع را به عنوان پروژه دوره کارشناسی برگزیدم و تصمیم به فهم و ارائه آن در قالب این اثر گرفتم.

در آغاز راه، به جمع آوری منابع موجود پرداختم، که همه این منابع را در DVD همراه این اثر ارائه نموده ام. این منباع شامل کتاب های الکترونیکی، فایل های آموزشی تصویری وصوتی و صفحات آموزشی وبسایت های مختلف می باشد. در ادامه کار به بررسی این منابع پرداخته و کتاب های مختلف ا بررسی و مطالعه نمودم.

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

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

از بین منابع موجود، کتابی با نام Foundations Of Ajax را به عنوان مرجع اصلی برگزیدم دلیل این انتخا نیز نگاه دقیق و موشکافانه نویسندگان این کتاب بود.

با توجه به اینکه نویسندگان این کتاب بیشتر روی جنبه های این تکنیک متمرکز شده بودند و به مقدمات دنیای وب نپرداخته بودند، فصل اول که آشنایی با دنیای وب و مقدمات مورد نیاز می باشد را از کتاب مهندسی اینترنت مهندس ملکیان که افتخار شاگردی ایشان را داشته ام، برگزیدم. نگاه دقیق استاد ملکیان باعث شد تا تمام این فصل را از کتاب ایشان برگزینم.

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

فصل پنجم را نیز به معرفی و آشنایی با ابزار Atlas که از ابزارهای تولید قابلیت Ajax در ASP.NET میباشد، اختصاص داده ام و در همین فصل به توضیح در مورد پروژه مدیریت کاربران وب سایت پرداخته ام که مثالی مناسب جهت معرفی قابلیت های ابزار Atlas می باشد.

امید آن دارم که این اثر ناچیز، بتواند راه گشای دوستان و علاقه مندان آشنایی با دنیای وب باشد و خواهش آن دارم که با نظرات و انتقادات خود، مانع تکرار اشتباهات اینجانب در تلاش های آینده گردند.

ویژگیها در HTML – قسمت پنجم

کامپیوتر پرسش بازدید : 113 چهار شنبه 12 / 10 / 1397 نظرات ()

در قسمت پنجم از آموزش زبان HTML با بحث ویژگیها، مشخصات، صفت ها یا خصیصه ها با شما همراه خواهیم بود. (تمامی این نامها نامهایی است که از Attribute (به انگلیسی) گرفته شده اند و به کارگرفتن هرشکل از آنها درست است).

عناصر در HTML - قسمت چهارم

کامپیوتر پرسش بازدید : 126 دو شنبه 10 / 10 / 1397 نظرات ()

قسمت چهارم آموزش زبان HTML، در این بخش از شما با عناصر در اچ تی ام ال آشنا میشوید. با ما در ادامه ی مطلب همراه باشید.

تعداد صفحات : 3

تبلیغات
Rozblog.com رز بلاگ - متفاوت ترين سرويس سایت ساز
درباره ما
کامپیوتر پرسش یک رسانه ی در حال توسعه اینترنتی برای گسترش دانش کامپیوتری است. ما به دنبال راهی برای پیشرفت تکنلوژی و فناوری های کامپیوتری کشورمان هستیم. بسیاری از اطلاعات به زبان فارسی در دسترس نیستند و حتی بسیار از دانش ها هنوز ترجمه نشده اند، بنابراین اولین گام را برداشتیم تا یک حرکت بزرگ انجام دهیم. با ما همراه باشید.
اطلاعات کاربری
نام کاربری :
رمز عبور :
  • فراموشی رمز عبور؟
  • آرشیو
    آمار سایت
  • کل مطالب : 454
  • کل نظرات : 4
  • افراد آنلاین : 24
  • تعداد اعضا : 3
  • آی پی امروز : 72
  • آی پی دیروز : 170
  • بازدید امروز : 90
  • باردید دیروز : 318
  • گوگل امروز : 1
  • گوگل دیروز : 21
  • بازدید هفته : 90
  • بازدید ماه : 6,516
  • بازدید سال : 177,532
  • بازدید کلی : 199,406
  • کدهای اختصاصی
    جستجو در این وب:

    Google      Yahoo      MSN
    کد متن افکت دار