مثال توضیح داده شده
اعلامیه <! DOCTYPE html> این سند را HTML5 تعریف می کند
عنصر <html> عنصر ریشه یک صفحه HTML است
عنصر <head> شامل متا اطلاعاتی در مورد سند است
عنصر <title> یک عنوان را برای سند مشخص می کند
عنصر <body> دارای محتوای صفحه قابل مشاهده است
عنصر <h1> یک عنوان بزرگ را تعریف می کند
عنصر <p> پاراگراف را تعریف می کند
عنصر <HTML> <button> نشانگر یک دکمه قابل کلیک است که می تواند در فرم ها یا هر جای دیگری در یک سند که نیاز به کارکرد دکمه ساده و ساده داشته باشد استفاده شود. به طور پیش فرض، دکمه های HTML به طور معمول در سبک مشابه با پلت فرم میزبان که عامل کاربر در حال اجرا است ارائه می شود، اما می توانید ظاهر دکمه را با استفاده از CSS تغییر دهید.
عناصر <button> بسیار ساده تر از عناصر <input> هستند. شما می توانید محتویات HTML داخلی (فکر کنید
فریم های HTML برای تقسیم پنجره مرورگر خود به بخش های مختلفی استفاده می شود که هر بخش می تواند یک سند HTML جداگانه را بارگیری کند. مجموعه ای از فریم ها در پنجره مرورگر به عنوان مجموعه فریم شناخته می شود. پنجره به ترتیب مشابه به فریم های جداگانه تقسیم می شود: به ردیف ها و ستون ها.
معایب فریم ها
چندین معضل با استفاده از فریم وجود دارد، بنابراین هرگز توصیه نمی شود که از فریم ها در صفحات وب خود استفاده کنید -
بعضی از دستگاه های کوچک تر می توانند با فریم ها کنار بیایند زیرا صفحه نمایش آنها به اندازه کافی بزرگ نیست که بتوان آنها را تقسیم کرد.
گاهی اوقات صفحه شما با توجه به رزولوشن صفحه نمایش متفاوت بر روی کامپیوترهای مختلف نمایش داده خواهد شد.
طرح بندی صفحه وب بسیار مهم است که نگاهی بهتر به وب سایت شما داشته باشد. طول می کشد زمان قابل توجهی برای طراحی طرح وب سایت با نگاه و احساس عالی است.
امروزه همه وب سایت های مدرن از چارچوب CSS و جاوا اسکریپت استفاده می کنند تا وب سایت های ریسپانسیو و پویا را بیابند، اما شما می توانید یک طرح خوب با استفاده از جداول ساده HTML یا برچسب های تقسیم بندی در ترکیب با دیگر تگ های قالب بندی ایجاد کنید. این فصل به شما چند نمونه از نحوه ایجاد یک طرح ساده اما کار را برای صفحه وب شما با استفاده از HTML خالص و ویژگی های آن می دهد.
به طور پیش فرض، پس زمینه صفحه وب شما سفید رنگ است. شما ممکن است آن را دوست ندارید، اما نگران نباشید. HTML شما را به دو راه خوب برای تزئین پس زمینه صفحه وب شما هدایت می کند.
پس زمینه HTML با رنگ
پس زمینه HTML با تصاویر
حالا بیایید هر دو رویکرد یک به یک را با استفاده از نمونه های مناسب ببینیم.
تصویر جستجوگر SEO برچسب و بهینه سازی عنوان
اضافه کردن تصاویر به مقالات خود را مردم را تشویق می کند تا آنها را بخوانند، و همچنین تصاویر انتخاب شده می توانند پیام شما را نیز پشتیبانی کنند. اما شما همیشه باید به یاد داشته باشید که تصاویر خود را به خوبی نشان می دهد: برچسب های ALT و برچسب عنوان تقویت پیام مقالات خود را با عنکبوت موتور جستجو و بهبود دسترسی به وب سایت شما. این مقاله همه چیز درباره برچسب ها و برچسب های عنوان را توضیح می دهد و به همین دلیل شما باید آنها را بهینه سازی کنید.
عنصر <HTML> <li> برای نمایاندن یک آیتم در یک لیست استفاده می شود. این باید در یک عنصر اصلی باشد: یک لیست مرتب (<ol>)، یک لیست غیر ارادی (<ul>) یا یک منو (<menu>). در منوها و لیست های غیر ارادی، آیتم های لیست معمولا با استفاده از نقاط گلوله نمایش داده می شود. در لیست های مرتب، معمولا با یک شمارنده صعودی در سمت چپ، مانند یک عدد یا نامه، نمایش داده می شود.
<!DOCTYPE html>
<html>
تعریف و کاربرد
برچسب ها <h1> to <h6> برای تعریف عنوان های HTML استفاده می شوند.
Internal Style Sheet سبک داخلی
اگر میخواهید قوانین Style Sheet را فقط به یک سند تنها اعمال کنید، میتوانید آن قوانین را در بخش هدر سند HTML با استفاده از برچسب <style> قرار دهید.
قوانین تعریف شده در جدول سبک داخلی، قواعدی را که در یک فایل CSS خارجی تعریف شده، منعکس می کند.
صفحات سبک آبشار (CSS) توصیف نحوه ارائه اسناد در صفحات (Cascading Style Sheets (CSS) گزینه های آسان و موثر برای مشخص کردن ویژگی های مختلف برای تگ های HTML را فراهم می کند. با استفاده از CSS، می توانید تعدادی از خواص سبک را برای یک عنصر HTML مشخص تعیین کنید. هر دارایی دارای یک نام و یک مقدار است
Style Sheet خارجی - قوانین جدول سبک را در یک فایل جداگانه css تعریف کرده و سپس آن فایل را در سند HTML خود با استفاده از <HTML> <link> برچسب قرار دهید.
Sheet Style Sheet - تعریف قوانین جدول سبک در بخش هدر سند HTML با استفاده از برچسب <style>.
