زبان نشانه گذاری فرامتن (Html). زبان های نشانه گذاری ابرمتن SGML. xml HTML

من. اطلاعات اولیه در موردHTML.

در سال‌های اخیر، طراحی‌های وب از صفحات استاتیک به سیستم‌های اطلاعاتی پویا تبدیل شده‌اند. مدتی پیش، ایجاد صفحات وب مدرن به چیزی بیش از یک فرمان کامل از زبان نشانه گذاری فرامتن (HTML) نیاز داشت.

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

HTML یک زبان برنامه نویسی به این معنا نیست که C++ یا ویژوال بیسیک; بیشتر شبیه یک قالب‌کننده سند با استفاده از توالی‌های فرار است. کد نویسی HTML اغلب با ایجاد یک سند در آن مقایسه می شود فرمت مایکروسافتبا تایپ کردن کدهای قالب بندی مستقیماً در دفترچه یادداشت Word. بدیهی است که عملکرد این بسیار کوچک است.

زیر سند فرامتنیدرک سند حاوی پیوندهایی به سند دیگر. همه اینها از طریق انجام می شود پروتکل انتقال ابرمتن HTTP(پروتکل انتقال ابر متن).

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

اسناد فرامتن بر اساس HTML (زبان نشانه گذاری هایپر متن).این زبان بسیار ساده است، کدهای کنترلی آن، که در واقع توسط مرورگر برای نمایش روی صفحه کامپایل می شوند، از متن ASCII تشکیل شده است. پیوندها، فهرست ها، سرفصل ها، تصاویر و فرم ها نامیده می شوند عناصر زبان HTML.

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

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

مرورگر پیوندهای ایجاد شده را شناسایی می کند و از طریق پروتکل انتقال ابرمتن HTTP، سند شما را در دسترس سایر کاربران اینترنت قرار می دهد. البته برای اجرای موفقهمه اینها نیازمند نرم افزاری است که کاملاً با WWW سازگار باشد و از HTML پشتیبانی کند.

II. توضیحات HTML

سند HTML - این یک فایل متنی ساده است. با استفاده از هر مرورگر وب، می توانید نتیجه کار خود را به سادگی با بارگذاری یک فایل متنی ایجاد شده بر اساس نحو HTML در آن مشاهده کنید.

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

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

برچسب ها

برچسب بزنید- واحد استایل کد HTML.

برچسب بزنید HTML از عناصر زیر به ترتیب خاصی تشکیل شده است:

• براکت زاویه سمت چپ< (такого же, как "меньше чем" символа)
• یک اسلش اختیاری / به این معنی که تگ است یک برچسب پایانی که برخی از ساختارها را می بندد. بنابراین در این زمینه می توانید کاراکتر / as را بخوانید پایان...
• نام برچسب، مانند TITLE یا PRE
• اختیاری است، حتی اگر برچسب بتواند آنها را داشته باشد، ویژگی های. تگ می تواند بدون ویژگی باشد یا با یک یا چند ویژگی همراه باشد، به عنوان مثال: ALIGN=CENTER
• براکت زاویه سمت راست > (همان نماد بزرگتر از).

اکثر برچسب ها دارند عنصر باز کننده<> و بسته شدن. بین آنها هستند کدهاکه مرورگر وب تشخیص می دهد

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

برای هر برچسب، مجموعه ای از ممکن است ویژگی های. اکثر تگ ها یک یا چند ویژگی را مجاز می دانند، اما ممکن است اصلاً هیچ ویژگی وجود نداشته باشد. مشخصات ویژگیبه ترتیب زیر شامل:

• نام ویژگی، مانند WIDTH
• علامت مساوی (=)
• مقدار ویژگی، که توسط یک رشته کاراکتر، مانند "80" مشخص می شود.

همیشه مفید مقدار مشخصه را در علامت نقل قول قرار دهید، با استفاده از گیومه های تکی ("80") یا دوگانه ("80"). یک رشته نقل قول نباید حاوی همان نقل قول ها در خودش باشد.. بنابراین، اگر تاریخ در گیومه های دوتایی قرار داده شده است، برای نقل قول های بعدی از یک نقل قول استفاده کنید و بالعکس. همچنین می‌توانید نقل قول‌هایی را برای مقادیر مشخصه‌ای که فقط از کاراکترهای زیر تشکیل شده‌اند حذف کنید:

• حروف الفبای انگلیسی (A - Z، a - z)
• رقم (0 - 9)
• دوره های زمانی
• خط تیره (-)

فناوری WWW

سرویس در سراسر جهانوب (WWW) محبوب ترین است خدمات اینترنت. WWW یکی است فضای اطلاعاتیمتشکل از صدها میلیون دستگاه به هم پیوسته اسناد الکترونیکیدر سرورهای وب ذخیره می شود. اسناد منفرد که فضای وب را تشکیل می دهند صفحات وب نامیده می شوند. به گروه‌هایی از صفحات وب که به صورت موضوعی ترکیب شده‌اند، وب‌سایت‌ها (وب‌سایت) می‌گویند. یک وب سرور فیزیکی می‌تواند حاوی تعداد زیادی وب‌سایت باشد که به هر یک از آنها یک فهرست جداگانه در هارد دیسک سرور اختصاص داده شده است.

صفحات وب با اسناد متنی معمولی تفاوت دارند زیرا بدون ارجاع به یک رسانه خاص طراحی شده اند. به عنوان مثال، طراحی یک سند Word چاپ شده بر روی کاغذ با پارامترهای یک برگه چاپ شده گره خورده است که ارتفاع، عرض و اندازه حاشیه مشخصی دارد. اسناد وب الکترونیکی برای مشاهده بر روی صفحه نمایش رایانه شخصی طراحی شده اند و از قبل مشخص نیست که کدام یک از آنها. بنابراین، اسناد وب را نمی توان هاردکد کرد. طراحی در حین پخش آنها در رایانه شخصی مشتری انجام می شود و مطابق با تنظیمات برنامه بیننده (مرورگر) انجام می شود. مرورگر سند را مطابق با دستوراتی که در متن سند وب نوشته شده است نمایش می دهد. دستورات می توانند مستقیماً توسط نویسنده سند نوشته شوند یا توسط ابزارهای خودکار برای تهیه اسناد وب پیاده سازی شوند.

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

تگ های پیچیده، علاوه بر کلمه کلیدی، دارای ویژگی ها و پارامترهای اضافی هستند. قوانین نوشتن برچسب ها در مشخصات یک زبان نشانه گذاری فرامتن خاص - HTML (زبان نشانه گذاری فوق متن) موجود است. یعنی یک سند وب یک سند متنی ساده است که با تگ های HTML علامت گذاری شده است.

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

آدرس را می توان به صورت مطلق یا نسبی ارائه کرد. یک آدرس به صورت مطلق با پروتکل و آدرس وب سایت شروع می شود. چنین ورودی زمانی استفاده می‌شود که لازم باشد بازدیدکننده به وب‌سایت دیگری هدایت شود و به عنوان یک پیوند خارجی تلقی شود. هنگام استفاده از یک آدرس نسبی در یک پیوند، فقط مسیر جستجوی نسبی برای سند مشخص می شود. این پروتکل یکسان و همان وب سایت را فرض می کند و پیوند را به عنوان داخلی در نظر می گیرد. اگر آدرس وب سایت به طور کلی تغییر کند (مثلاً به سرور دیگری) یک پیوند داخلی معتبر باقی می ماند. فرمت کامل یک هایپرلینک شامل امکان پیوند دادن به یک مکان خاص در یک صفحه است. اما این کار را فقط برای صفحاتی با طراحی خودتان می توانید انجام دهید. برای انجام این کار، محلی که لینک در آن قرار می گیرد با یک عنصر لنگر مخصوص مشخص می شود. Anchor با استفاده از یک جفت تگ تنظیم می شود با ویژگی NAME مورد نیاز. مقدار این ویژگی یک دنباله دلخواه از حروف و اعداد لاتین است - نام لنگر. برای پیوند دادن به یک لنگر، نام آن در انتهای URL بعد از نماد # مشخص می شود.

واژه نامه

مرورگر به دنبال سند روی خواهد بود این سروردر پوشه فعلی

موسیقی میدی

مرورگر به سایت http://www.midi.ru می رود.

مجموعه ای از تعداد زیادی اسناد فرامتن ذخیره شده در سرورهای WWW نوعی فضای ابر سند را تشکیل می دهد که حرکت بین آنها امکان پذیر است. حرکت خودسرانه بین اسناد را گشت و گذار در وب و حرکت هدفمند (که به منظور یافتن اطلاعات لازم انجام می شود) ناوبری وب نامیده می شود.

پیوند فرامتن بین تعداد زیادی از اسناد ذخیره شده در سرورهای فیزیکی اینترنت، مبنایی برای وجود فضای منطقی WWW است.

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

· مشتریان و سرورها.وب سرور رایانه ای است که به اینترنت متصل است و برنامه خاصی را اجرا می کند که به آن وب سرور نیز می گویند. وظایف این برنامه شامل ذخیره سازی، جستجو و توزیع فایل های خاص در وب می باشد. Web Client مرورگری است که فایل ها را از وب درخواست می کند. هنگامی که کامپیوتر مشتری می خواهد به یکی از فایل ها دسترسی پیدا کند، درخواست به وب سرور ارسال می شود. سرور فایل مشخص شده را بازیابی می کند و آن را به کامپیوتر مشتری ارسال می کند که درخواست را ارسال کرده است. هزاران رایانه ای که وب را تشکیل می دهند، ترکیبی از سخت افزار و نرم افزار بسیار متنوع هستند. هنگامی که یک کامپیوتر کلاینت فایلی را درخواست می کند، عملاً چیزی در مورد مشخصات سروری که فایل درخواستی در آن ذخیره می شود، یا در مورد رایانه های دیگری که فایل را در مسیر خود از سرور به مشتری به یکدیگر منتقل می کنند، نمی داند. برای اینکه چنین سیستمی کار کند، باید از مجموعه ای از زبان ها و پروتکل ها مستقل از سخت افزار یا سیستم عامل استفاده کند.

· URL و پروتکل های انتقال دادهاگر قطعاتی از یک سند در سراسر جهان پراکنده شده است و می خواهید آن را به صورت یک کل در اختیار کاربر قرار دهید. سبک یکنواختسند" به یک سیستم آدرس بسیار خوب نیاز دارید. هر فایل در اینترنت آدرسی به نام URL (Uniform Resource Locator) دارد. منبع اطلاعاتی). به عنوان مثال، آدرس وب سایت فدراسیون اروپا فوتبال - http://ru.uefa.com.

قسمت اول URL روشی را که کامپیوتر از طریق آن به فایل دسترسی پیدا می کند، یعنی پروتکل ارتباطی را مشخص می کند. بیشتر صفحات وب با استفاده از آن قابل دسترسی هستند پروتکل HTTP(پروتکل انتقال ابرمتن پروتکلی برای انتقال اسناد فرامتن است). به همین دلیل است که یک آدرس وب معمولاً با استفاده از حروف "http" مشخص می شود و مرورگرها به طور خودکار این حروف را قبل از آدرس وب که کاربر وارد می کند وارد می کنند. اغلب قسمت http:// در ابتدای URL حذف شده است.

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

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

· HTML(زبان نشانه گذاری فرامتنی – زبان نشانه گذاری فرامتنی) می باشد زبان جهانیوب برای مرتب کردن صفحاتی که می توان اطلاعات ارسال شده در وب را در آنها بازتولید کرد استفاده می شود: متن، گرافیک و همچنین اطلاعات صوتی و تصویری.

· جاوا و جاوا اسکریپت.زبان جاوا برای ارائه برنامه های کاربردی کوچک (به نام اپلت ها یا برنامه های کاربردی جاوا) بر روی وب طراحی شده است. و زبان جاوا اسکریپت قابلیت های HTML را به منظور جاسازی گسترش می دهد برنامه های کوچک(یا اسکریپت ها) در صفحات وب. هدف اصلی اپلت ها و اسکریپت ها افزایش تعامل صفحات وب است - به جای تعامل با یک وب سرور راه دور، با یک اپلت و یک اسکریپت کار می کنید که روی رایانه شما اجرا می شود.

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

· VBScript و عناصر کنترل های ActiveX. زبان VBScript و کنترل های ActiveX هستند به معنی استانداردپشتیبانی مرورگر اینترنتکاوشگر

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

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

· XML و سایر زبان های وب توسعه یافته. XML (زبان نشانه گذاری توسعه پذیر) بسیار است زبان قدرتمند، که باید جایگزین HTML به عنوان زبان توسعه برنامه های وب شود. برخلاف HTML، XML حاوی هیچ دستورالعملی در مورد نحوه نمایش داده های توصیف شده در سند XML نیست. نحوه نمایش آنها توسط زبان stylesheet تعیین می شود، که برای XML تقریباً همان نقشی است که شیوه نامه های آبشاری برای HTML دارند. W3C با دو مشخصات صفحه سبک کار می کند: XSL (زبان سبک توسعه پذیر) و CSS (برگ های سبک آبشاری). دیگر تفاوت اساسی XML با HTML متفاوت است زیرا می تواند حاوی هر برچسبی باشد که سازندگان فرهنگ لغت XML استفاده از آنها را مناسب می دانند.

نسخه پیشرفته‌تر HTML DHTML (HTML پویا - HTML پویا) است که شامل سه جزء - HTML، جاوا اسکریپت و CSS است.

· اشیاء گرافیکینقشه ها، نقشه ها، نقشه ها، نمودارها و موارد دیگر تصاویر گرافیکی، ارائه شده در وب، می تواند فرمت های زیادی داشته باشد. رایج ترین فرمت های نمایش اطلاعات گرافیکی JPEG و GIF هستند.

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

زبان نشانه گذاری فرا متنی(HTML) - زبان نشانه گذاری فرامتن - طراحی شده برای نوشتن اسناد فرامتن منتشر شده در وب جهانی.

سند فرا متنی- این یک فایل متنی است که دارای علائم خاصی به نام تگ است که متعاقباً توسط مرورگر شناسایی شده و توسط آن برای نمایش محتویات فایل بر روی صفحه رایانه استفاده می شود. با استفاده از این علامت ها، می توانید عناوین اسناد را برجسته کنید، رنگ، اندازه و سبک حروف را تغییر دهید، گرافیک ها و جداول را درج کنید. اما مزیت اصلی فرامتن نسبت به متن ساده، قابلیت افزودن به محتوای سند است هایپرلینک ها- ساختارهای ویژه زبان HTML که به شما امکان می دهد روی ماوس کلیک کنید تا سند دیگری را مشاهده کنید.

دو راه برای ایجاد اسناد فرا متنی وجود دارد. می توانید از یکی از ویرایشگرهای HTML WYSIWYG (به عنوان مثال Microsoft FrontPage و غیره) استفاده کنید که نیازی به دانش خاصی در مورد ساختار داخلی سند ایجاد شده ندارد. این روش به شما امکان می دهد بدون دانش زبان HTML اسنادی را برای WWW ایجاد کنید. ویرایشگرهای HTML ایجاد اسناد فرامتن را به طور خودکار انجام می دهند و کارهای معمول را کاهش می دهند. با این حال، توانایی های آنها محدود است، آنها حجم فایل حاصل را بسیار افزایش می دهند و نتیجه به دست آمده با کمک آنها همیشه انتظارات توسعه دهنده را برآورده نمی کند. اما، البته، این روش برای مبتدیان در تهیه اسناد فرامتن ضروری است.

یک جایگزین ایجاد و علامت گذاری یک سند با استفاده از یک ویرایشگر متن معمولی (NotePad) است. با این روش دستورات HTML به صورت دستی در متن درج می شوند. با ایجاد اسناد از این طریق، دقیقاً می دانید که چه کاری انجام می دهید.

همانطور که قبلا ذکر شد، یک سند HTML حاوی اطلاعات نمادین است. بخشی از آن متن واقعی است، یعنی داده هایی که محتوای سند را تشکیل می دهند. دیگر - برچسب ها(برچسب های نشانه گذاری)، همچنین نامیده می شود پرچم های نشانه گذاری، ساختارهای ویژه زبان HTML هستند که برای علامت گذاری یک سند و کنترل نمایش آن استفاده می شوند. این تگ های زبان HTML هستند که فرم ارائه متن را تعیین می کنند، کدام یک از اجزای آن نقش پیوندهای فرامتن را بازی می کند، کدام اشیاء گرافیکی یا چند رسانه ای باید در سند گنجانده شود. اطلاعات گرافیکی و صوتی موجود در یک سند HTML در فایل های جداگانه ذخیره می شود. بینندگان HTML (مرورگرها) پرچم های نشانه گذاری را تفسیر می کنند و متن و گرافیک را روی صفحه نمایش به طور مناسب مرتب می کنند. برای فایل های حاوی اسناد HTML، پسوندهای .htm یا .html پذیرفته می شوند.

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

<имя_тега [атрибуты]>

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

ویژگی های برچسب در آن نوشته می شود فرمت زیر:

نام[=ارزش"]

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

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

دنباله کاراکترهایی که متن را تشکیل می‌دهند می‌تواند شامل فاصله‌ها، برگه‌ها، خطوط جدید، بازگشت‌های حامل، حروف، علائم نگارشی، اعداد و کاراکترهای خاص باشد (به عنوان مثال، +، #، $، @)، به غیر ازچهار کاراکتر زیر که معنی خاصی در HTML دارند:< (меньше), >(بزرگتر از)، & (امپرسند)، و " (نقل دوگانه). اگر می خواهید هر یک از این کاراکترها را در متن خود بگنجانید، باید آن را با دنباله خاصی از کاراکترها رمزگذاری کنید.

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

استاندارد HTML و سایر استانداردهای وب تحت هدایت کنسرسیوم وب جهانی (W3C) توسعه یافته است. استانداردها، مشخصات و پیش نویس پیشنهادات جدید را می توان در http://www.3w.org/ یافت. در حال حاضر، مشخصات HTML 4.0 در حال اجرا است و پشتیبانی از آن به طور مداوم در بین مرورگرهای اصلی در حال افزایش است.

در عمل، استاندارد HTML تا حد زیادی تحت تأثیر برچسب های ارائه شده و پشتیبانی شده توسط محبوب ترین مرورگرها مانند Microsoft Internet Explorer و Netscape Navigator قرار می گیرد. این تگ ها ممکن است در حال حاضر بخشی از مشخصات HTML فعلی باشند یا نباشند.

اطلاعاتی در مورد تگ های HTML Compendium ( راهنمای سریع HTML) توسط ران وودال ایجاد شده است. خلاصه شامل لیستی از برچسب ها و ویژگی های آنها در آن است به ترتیب حروف الفباو همچنین به‌روزرسانی‌هایی در مورد پشتیبانی مرورگر برای هر کدام.

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

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

هنگام کار بر روی کامپیوترهای مکینتاش، به BBEdit، یک ویرایشگر تجاری HTML از Bare Bones Software, Inc. توجه کنید. واقعاً در بین توسعه دهندگان وب مکینتاش جایگاه خود را دارد. این شامل ابزارهای راحت و سریع HTML، جستجو و جایگزینی چند فایل، عملکرد FTP داخلی، پشتیبانی از 13 زبان برنامه نویسی، جدول ساز، کنترل نحو HTML و بسیاری از توابع دیگر است.

سال های اخیر با رشد شدید بازار ابزارهای نویسنده مشخص شده است. WYSIWYG (آنچه می بینید همان چیزی است که دریافت می کنید) ویرایشگرهای HTML دارند رابط های گرافیکیکه می سازند نوشتن HTMLبیشتر شبیه یک ویرایشگر متن یا برنامه نشانه گذاری صفحه است. هدف اصلی این برنامه‌ها آزاد کردن کاربران از تگ‌های HTML بود، به همان روشی که برنامه‌های نشانه‌گذاری صفحه، توسعه‌دهنده را از مجموعه دستورات زبان PostScript محافظت می‌کنند. امروزه با افزایش کارایی و اتوماسیون تولید اسناد و در عین حال دسترسی به کد منبع HTML، اهمیت آنها افزایش یافته است.

در حال حاضر محبوب ترین ویرایشگرهای WYSIWYG عبارتند از: Macromedia DreamWeaver، Golive CyberStudio (فقط برای رایانه های مکینتاش)، Microsoft FrontPage، FileMaker Claris، Home Page، Adobe PageMill.

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

هر برچسب از یک نام تشکیل شده است که ممکن است پس از آن لیستی از ویژگی های اختیاری وجود داشته باشد که همه آنها در داخل قرار دارند. براکت های زاویه < >. محتویات براکت ها هرگز در پنجره مرورگر نمایش داده نمی شود. نام تگ معمولاً مخفف عملکرد آن است که به خاطر سپردن آن آسان‌تر می‌شود. ویژگی ها ویژگی هایی هستند که عملکرد یک برچسب را گسترش یا اصلاح می کنند. به عنوان یک قاعده کلی، نام و ویژگی های درون یک تگ به حروف بزرگ و کوچک حساس نیستند. برچسب بزنید درست مثل کار خواهد کرد . با این حال، مقادیر مشخصه های خاص ممکن است به حروف کوچک و بزرگ حساس باشند. این به ویژه در مورد نام فایل ها و URL ها صدق می کند.

بیشتر تگ ها کانتینر هستند. این بدان معنی است که آنها یک برچسب شروع (باز کردن یا شروع) و یک پایان (بستن) دارند. متن بین تگ ها از دستورالعمل های موجود در آنها پیروی می کند.

تگ پایان همان نام تگ شروع است اما قبل از آن علامت اسلش (/) قرار دارد. می توان آن را به عنوان یک برچسب "سوئیچ" در نظر گرفت. تگ پایانی هرگز دارای ویژگی نیست.

در برخی موارد، تگ پایان اختیاری است و مرورگر تگ پایان را از روی زمینه تعیین می کند. اغلب تگ پایان را حذف می کنند<р>(بند). مرورگرها از این برچسب بدون پایان مناسب پشتیبانی می‌کردند، بنابراین بسیاری از نویسندگان وب به استفاده از فرم کوتاه عادت دارند. این برای همه برچسب ها مجاز نیست و همه مرورگرها غیبت آنها را نمی بخشند. بنابراین، اگر شک دارید، یک تگ بسته را در متن قرار دهید. این امر به ویژه هنگامی که از شیوه نامه آبشاری در سند خود استفاده می کنید بسیار مهم است.

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

ویژگی‌ها به یک برچسب اضافه می‌شوند تا اقدامات آن را گسترش یا اصلاح کنند. می توانید چندین ویژگی را به یک تگ اضافه کنید. اگر ویژگی های برچسب از نام تگ پیروی کنند، با یک یا چند فاصله از هم جدا می شوند. ترتیب مهم نیست اکثر صفات دارای مقادیری هستند که پس از نام ویژگی از علامت مساوی (=) پیروی می کنند. طول مقادیر به 1024 کاراکتر محدود شده است. مقادیر می توانند به حروف کوچک و بزرگ حساس باشند. گاهی اوقات مقادیر باید در گیومه (دو یا تک) قرار گیرند. قوانین نوشتن یک مقدار به شرح زیر است:

• - اگر مقدار یک کلمه یا عدد باشد و فقط از حروف (a-z)، اعداد (0-9) و کاراکترهای خاص (نقطه) تشکیل شده باشد.<.>
• - اگر مقدار حاوی چندین کلمه باشد که با کاما یا فاصله از هم جدا شده اند یا حاوی نمادهای خاص، به غیر از نقطه یا خط تیره، باید آن را در علامت نقل قول قرار داد. به عنوان مثال، URL ها به نقل قول نیاز دارند زیرا حاوی کاراکترهای "://" هستند. هنگام تعیین مقادیر رنگ با استفاده از قالب "#rrggbb" نیز نقل قول لازم است.

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

سایر تگ های HTML را می توان در تگ های HTML قرار داد تا چندین تگ را بر روی یک عنصر قرار دهد. به این حالت تودرتو می گویند و برای اینکه به درستی کار کند، تگ شروع و پایان تگ تودرتو باید بین تگ شروع و پایان تگ بیرونی باشد.

یک اشتباه رایج تداخل برچسب ها است. در حالی که برخی از مرورگرها محتوای برچسب گذاری شده به این روش را نشان می دهند، بسیاری از آنها اجازه نقض قانون را نمی دهند، بنابراین مهم است که برچسب ها را به درستی قرار دهید. مثال زیر تودرتوی نادرست تگ را نشان می دهد (توجه داشته باشید که تگ<В>قبل از بسته شدن بسته می شود ):