close
دانلود آهنگ جدید
جاوا اسکریپت
loading...

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

فهرستی از ویرایشگرهای HTML Amaya: یک ویرایشگر HTML منبع باز از W3C که اجازه ویرایش WYSIWYG را می دهد. Arachnophilia Editor: ویرایشگر HTML رایگان که امکاناتی همچون فریم ها، کشیدن و رها کردن، جاوا، CGI و بسیاری دیگر را داراست. BBEdit: ویرایشگر HTML خلاقانه برای کاربران مکینتاش. Bluefish: ویرایشگر HTML منبع باز، به طور عمده برای برنامه نویسان و توسعه دهندگان، با پشتیبانی از زبان های برنامه نویسی محبوب. CoffeeeCup HTML editor: ویرایشگر HTML رایگان که برای نسخه کامل باید مبلغ 49دلار را پرداخت کرد. Dreamweaver:…

ویرایشگرهای HTML

ویرایشگر اچ تی ام ال (HTML editor) با نام ویرایشگر محتوای وب «Editor Content Web» نیز شناخته می شود، ویرایشگر HTML نرم افزار کاربردی است که به کاربر اجازه ایجاد، مشاهده، ویرایش و تغییرات در صفحه وب را می دهد. در ادامه فهرستی از محبوب ترین ویرایشگرهای HTML را مشاهده می کنید. بسیاری از این برنامه ها نیاز به خرید یا کرک دارند که می توانید از طریق وب سایت رسمی یا سایت های معتبر دانلود نرم افزار آنها را تهیه نمایید.

رنگ پس زمینه در اچ تی ام ال

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

در زبان اچ تی ام ال می توان رنگ پس زمینه صفحه را با ویژگی style تغییر داد، البته برای اینکار باید از تگ <body> کمک بگیرید.

تراز متن در اچ تی ام ال

منظور از تراز متن، محل قرار گیری متون در صفحات است و به سه شکل صورت می پذرید.

1-     چپ

2-     راست

3-     مرکز

ما با نام text-align برای ویژگی style می توانیم تراز متن را مشخص کنیم.

مثال تراز متن

<!DOCTYPE html>

<html>

<head>

<title>تراز متن</title>

</head>

<body>

<p style="text-align:left;">این متن در سمت چپ قرار می گیرد</p>

<p style="text-align:right;">این متن در سمت راست قرار می گیرد</p>

<p style="text-align:center">این متن در مرکز صفحه قرار می گیرد</p>

</body>

</html>

نتیجه

تراز متن

تگ پاراگراف در اچ تی ام ال

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

پاراگراف ها یا همان عبارات متنی در اچ تی ام ال با تگ <p> تعریف می شوند. در واقع برای نوشتن عبارات متنی باید متن خودمان را در بین تگ باز و بسته p قرار دهید.

عنوان ها یا هدینگز

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

عناوین با تگ های <h1> تا <h6> تعریف می شوند. <h1> مهمترین عنوان و <h6> کم اهمیتترین عنوان را تعریف می کند. به یاد داشته باشید که مرورگرهای یک فضای خالی (سفید) یا همان حاشیه را به دور عناوین ایجاد می کنند.

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

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

در این پست به بررسی و توضیح مهمترین و پرکاربردترین ویژگی های اچ تی ام ال می پردازیم.

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

کامپیوتر پرسش بازدید : 107 دو شنبه 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

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

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

کامپیوتر پرسش بازدید : 83 جمعه 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 />

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

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

تبلیغات
Rozblog.com رز بلاگ - متفاوت ترين سرويس سایت ساز
درباره ما
کامپیوتر پرسش یک رسانه ی در حال توسعه اینترنتی برای گسترش دانش کامپیوتری است. ما به دنبال راهی برای پیشرفت تکنلوژی و فناوری های کامپیوتری کشورمان هستیم. بسیاری از اطلاعات به زبان فارسی در دسترس نیستند و حتی بسیار از دانش ها هنوز ترجمه نشده اند، بنابراین اولین گام را برداشتیم تا یک حرکت بزرگ انجام دهیم. با ما همراه باشید.
اطلاعات کاربری
نام کاربری :
رمز عبور :
  • فراموشی رمز عبور؟
  • آرشیو
    آمار سایت
  • کل مطالب : 454
  • کل نظرات : 4
  • افراد آنلاین : 1
  • تعداد اعضا : 3
  • آی پی امروز : 33
  • آی پی دیروز : 158
  • بازدید امروز : 81
  • باردید دیروز : 463
  • گوگل امروز : 0
  • گوگل دیروز : 3
  • بازدید هفته : 2,427
  • بازدید ماه : 5,968
  • بازدید سال : 187,502
  • بازدید کلی : 209,376
  • کدهای اختصاصی
    جستجو در این وب:

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