در این مثال، منبع تصویر (src) و متن جایگزین (alt) ویژگی آموزش آنلاین html های تگ <img> هستند.قوانین طلایی به یاد داشته باشیداکثریت قریب به اتفاق برچسب ها باید باز شوند (<tag>) و بسته شوند (</tag>) و اطلاعات عنصر مانند عنوان یا متن بین برچسب ها قرار گیرد.
هنگام استفاده از چندین تگ، برچسب ها باید به ترتیبی که باز شده اند بسته شوند. مثلا:اکنون که نظریه اولیه را از سر راه برداشته ایم. زمان آن رسیده است که یاد بگیریم چگونه اولین وب سایت خود را بسازیم.اول از همه، ما باید مطمئن شویم که ابزار مناسبی داریم. مهمتر از همه، ما به یک ویرایشگر HTML نیاز داریم.
انتخاب های زیادی در بازار وجود دارد. در اینجا تعدادی از محبوب ترین ها وجود دارد:متن عالی 3با این حال، برای این آموزش، ما از Sublime Text 3 استفاده خواهیم کرد زیرا رایگان است و همچنین پشتیبانی چند پلتفرمی را برای کاربران ویندوز، مک و لینوکس ارائه می دهد.
متن عالی 3Sublime Text 3 دارای یک پنجره مینی پیش آموزش آنلاین html نمایش در سمت راست است.طرفدارانبه راحتی قابل تنظیم استمبتدی دوستانهطرح های رنگی دلپذیر برای انتخاب.منفیمی توان اسناد یا کد را چاپ کردهیچ نوار ابزار یا داشبوردی در دسترس نیست.
Notepad ++یکی دیگر از گزینه های رایج برای کدنویس های HTML و زبان های دیگر Notepad ++ است. این یک برنامه کوچک برای دانلود و انجام عملکردهای مورد نیاز برای نوشتن کد تمیز است.
HTML Notepad ++این Notepad ++ است. به دور از زرق و برق اما کار را انجام می دهد.طرفدارانرابط بدون حواس پرتی
ویژگی تکمیل خودکارگزینه های پلاگین برای قابلیت های توسعه یافته.منفیعادت کردن به آن برای مبتدیان دشوار استبدون پشتیبانی از مککومودو ویرایش
Komodo Edit یکی از دو ویرایشگر منتشر شده توسط یک لیبل ایرانیان سایبر است. آنها یک ویرایشگر ساده و متن باز با انواع پسوندها و پشتیبانی از زبان ارائه می دهند.دانلود رایگان است.ویرایشگر کومودو
کومودو برای رابط فلش هم نیست اما استفاده از آن آموزش آنلاین html ساده است.طرفدارانرابط برنامه نویسی آسان برای درکبرای مک، ویندوز و لینوکس موجود استپشتیبانی از زبان قابل توجهمنفیبدون تکمیل خودکار به طور پیش فرض
یافتن و تغییر تنظیمات بصری دشوار است.از چه چیزی اجتناب کنیدنمای جلویی کد شما از مرورگری به مرورگر دیگر متفاوت است - با CSS پیشرفته بیشتر در مورد آن خواهید آموخت.
از مایکروسافت استفاده نکنید ورد یا هر پردازشگر کلمه دیگری هنگام نوشتن کد HTML، فقط یک ویرایشگر HTML یا حداقل، دفترچه یادداشت داخلی دستگاه شما برای این کار مناسب است.
در مرحله دوم، اطمینان حاصل کنید که تعدادی مرورگر مختلف مانند کروم و فایرفاکس را نصب کرده اید تا بتوانید محصول آینده خود را پیش نمایش کنید.ایجاد اولین صفحه وب HTML شما
ابتدا باید ویرایشگر HTML خود را باز کنید، جایی که آموزش آنلاین html یک صفحه سفید تمیز پیدا خواهید کرد که در آن کد خود را بنویسید.
از آنجا باید صفحه خود را با تگ های زیر چیدمان کنید.ساخت پایه یک صفحه HTMLاین تگ ها باید در بالای هر صفحه HTML که ایجاد می کنید، زیر یکدیگر قرار گیرند.
<!DOCTYPE html> — این تگ زبانی را که در صفحه می نویسید مشخص می کند. در این حالت زبان HTML 5 است.<html> - این تگ نشان می دهد که از اینجا به بعد می خواهیم با کد HTML بنویسیم.
<head> - اینجا جایی است که تمام ابرداده‌های صفحه می‌روند - چیزهایی که عمدتاً برای موتورهای جستجو و سایر برنامه‌های کامپیوتری در نظر گرفته شده‌اند.
<body> - این جایی است که محتوای صفحه می رود.ساختار HTMLبه این صورت است که صفحه HTML متوسط شما به صورت بصری ساختار یافته است.برچسب های بیشتردر داخل تگ <head>، یک تگ آموزش html وجود دارد که همیشه وجود دارد: <title>، اما موارد دیگری نیز وجود دارد که به همان اندازه مهم هستند: