یادگیری اساسی HTML برای شروع ساختن یک وب سایت
HTML اصلی را برای ایجاد وب سایت خود بیاموزید. HTML اصلی برای یادگیری سخت نیست یادگیری HTML احتمالا تنها مهمترین چیزی است که تا به حال انجام داده اید، اگر بخواهید وب سایت شخصی خود را ایجاد کنید. شما باید HTML را طراحی کنید تا صفحات خوب را طراحی کنید زیرا زبان آن در وب سایت های اینترنتی بر اساس آن است.
وب سایت ها یک راه عالی برای نشان دادن چیزی در زندگی شما است. HTML عمومی به شما اجازه می دهد جهان را هر آنچه که شما می خواهید آنها را در وب سایت خود را نشان می دهد را نشان می دهد. اضافه کردن رنگ، تغییر اندازه متن و شامل تصاویر در وب سایت شما، تنها چند چیز است که شما می توانید انجام دهید زمانی که شما اساسی HTML را یاد بگیرند.
برای یادگیری HTML پایه، باید به خاطر داشته باشید که این فقط یک سری از حروف است که اختصارات از آنچه آنها در واقع برای آن تعریف می کنند. به عنوان مثال، H1 یک عنوان برای یک بند است که اولین بار از پنج اندازه است و BR یک خط است.
یک چیز مهم برای یادآوری، در حالی که HTML اصلی را یاد میگیرید، این است که در یک صفحه وب تگهای HTML باید در یک نظم خاص قرار بگیرند و اکثر تگهای HTML باید یک تگ شروع و پایان برای مرورگر برای تشخیص دستور داشته باشند. برچسب پایانی فقط به سادگی همان تگ شروع است به جز آنکه با نماد شروع می شود. یک عنوان مانند این عنوان در اینجا H1> ظاهر می شود
. یک تگ شروع، H1 ، عنوان و تگ پایان، / H1 وجود دارد .
یادگیری HTML پایه به شیوه درست و به یاد داشته باشید که برچسب ها باید در یک نظم خاصی قرار بگیرند. ساختار اصلی یک صفحه وب به شرح زیر است:
در اینجا شما می توانید اطلاعات سند مهم مانند فریم، زبان، و دستورالعمل های ویژه را قرار دهید.
HEAD>
داستان، تصاویر، لینک ها و هر چیز دیگری را در اینجا قرار دهید.
عنوان پاراگراف شما. H1>
این جایی است که متن سندتان را وارد کنید. P>
این است که چگونه یک لینک بنویسید:
http://www.nameofpage.com "> عنوان یا چیزی که می خواهید بگویید. A>
BODY>
HTML>
شما همچنین می توانید یک لینک را به وسط یک جمله وارد کنید. اگر می خواستم بگویم "مایکروسافت یک نسخه ی نمایشی فوق العاده دارد". این به نظر می رسد:
http://www.microsoft.com/en/us/default.aspx "> مایکروسافت دارای برخی از نسخه های فوق العاده برای کمک به شما در یادگیری HTML پایه است.
شما نه تنها می توانید لینک ها را به صفحات دیگر ایجاد کنید، بلکه شما همچنین می توانید لینک های دیگری را در یک صفحه ایجاد کنید. اگر من می خواستم شما را به آغاز این مقاله بازگردانم، می گویم چیزی شبیه «بازگشت به خانه» و با کلیک کردن بر روی لینک فوقانی که به ابتدای آن برگردید. این یکی کمی سخت تر است زیرا دو قسمت به آن وجود دارد. اول از همه شما لینک خود را ایجاد می کنید:
nameofdocument #There"> بازگشت A >
کلمه "وجود دارد" کلمه ای است که می خواهم شما را به عقب برگردانم، بنابراین باید به آن کلمه بروید و آن را ایجاد کنید و آن را لنگر بگذارید تا لینکی که به تازگی ایجاد شده می دانم کجا بروید:
هنگامی که شما پایه HTML را یاد می گیرید، می توانید وب سایت خود را در ویرایشگر متن که همراه با ویندوز است، برنامه هایی مانند NoteTab و Arachnophilia یا یکی از آن ها با مرورگر وب خود بنویسید. در هر صورت اگر شما فقط از قوانین پیروی کنید از زمانی که شما اساسی HTML را آموختید همه چیز درست خواهد شد.
برچسب های اساسی HTML
- نظر نویسنده توسط مرورگر دیده نمی شود.
... HTML> - با استفاده از این برچسب همیشه صفحه خود را شروع و پایان دهید.
... HEAD> - سربرگ برای سند.
... BODY> - بدن سند.
... H1>
- کوچکترین اندازه عنوان.
... H2>
- اندازه عنوان کوچک.
... H3>
- اندازه عنوان کوچک متوسط.
... H4>
- اندازه عنوان بزرگ متوسط.
... H5>
- اندازه عنوان بزرگ.
... H6>
- بزرگترین اندازه عنوان.
... - یک لینک hypertext ارسال می شود.
... ADDRESS> - اطلاعات مربوط به نویسنده.
... BLOCKQUOTE>
- نقل قول های طولانی.
... PRE>
- متن پیش فرمت شده.
- فرم بلوک.
- یک جعبه برای وارد کردن متن ایجاد می کند.
- منوی پیمایش را ایجاد می کند.
- مواردی را انتخاب می کند تا انتخاب شوند.
... OL>
- فهرست مرتب شده.
مثال یک لیست مرتب شده:
- سرخ
- آبی
- سبز
... UL>
- لیست غیر ارادی
مثال یک لیست غیر ارادی:
- سرخ
- آبی
- سبز
- فهرست منو.
... DL>
- فهرست لغت نامه.
... CITE> - استناد
... CODE>
- فونت کد.
... DFN> - اصطلاح تعریف شده.
... EM> - تاکید.
مثال تاکید بر قرمز:
قرمز، آبی، سبز
... I> - Italic.
مثال کادویی:
قرمز، آبی، سبز
... KBD> - متن صفحه کلید.
... SAMP> - متن نمونه.
<قوی> ... STRONG> - تاکید قوی.
مثال تاکید قوی:
قرمز، آبی، سبز
... TT> - متن ماشین تایپ.
... VAR> - متغیر
... B> - پررنگ
- سند را شرح می دهد.
- شکستن خط.
- خط افقی
- تصویر
- بند.
- آیتم لیست
- یک اصطلاح را در یک لیست نشان می دهد.
- تعریف را در لیست نشان می دهد.