آموزش دوره HTML و CSS (2 در 1) از صفر برای مبتدیان 2022.

سرفصل ها و درس ها

مقدمه Introduction

• مقدمه Introduction

• واژگان مهم important vocabulary

• میانبرهای مهم important shortcuts

• ویرایشگر کد را راه اندازی کنید set up Code editor

Html Html

• html چیست what is html

• ساختار Html Html Structure

• آزمون ساختار HTML HTML Structure Quiz

• سر Head

• چه چیزی می توانیم داخل هد اضافه کنیم؟ What we can add inside Head ?

• قالب های متنی text formates

• آزمون فرمت های متنی text formats quiz

• نظرات comments

• چگونه یک نظر اضافه کنیم؟ how to add a comment ?

• سرفصل ها Headings

• مسابقه سرفصل ها Headings quiz

• متن زیر خط دار و نقل شده underlined & quoted text

• ورودی ها inputs

• ویژگی های ورودی input attributes

• عنصر شکست خط (br) line break element (br)

• برچسبی که برای شکستن خط استفاده می کنیم چیست؟ what is the tag that we use for breaking the line ?

• برچسب و (برای و شناسه) Label & (for and id)

• ورودی رادیو Radio input

• فهرست داده ها و گزینه ها Datalist and options

• لیست ها Lists

• تصویر image

• مسابقه تصویری image quiz

• فرم form

• ویژگی سبک Style Attribute

• طول span

• جداول tables

• برچسب تقسیم division tag

• عناصر بلوک و درون خطی block and inline elements

• حاشیه، بالشتک و حاشیه margin ,padding and border

• ویژگی id id attribute

• هایپر لینک و abbr و dfn hyper link and abbr and dfn

• ویژگی های برچسب هایپرلینک attributes for hyperlink tag

• طرح و مرکز layout and center

• iframe iframe

• مجموعه فیلدها و جزئیات fieldset and details

• فاویکون favicon

• ایموجی ها emojis

• پاسخگو responsive

• HTML ویدئو و صدا HTML Video and Audio

• معنایی semantic

• Object و embed و iframe Object and embed and iframe

Css Css

• Css چیست What is Css

• ورق CSS را به صفحه HTML متصل کنید Connect CSS sheet to the HTML sheet

• نحو CSS CSS Syntax

• انتخابگرها Selectors

• اولویت های Priorities

• رنگ ها در CSS Colors in CSS

• زمینه Background

• سبک متن (1) Text Styling (1)

• سبک متن (2) Text Styling (2)

• نظرات CSS CSS Comments

• ویژگی های فونت Font properties

• شناور و فعال Hover and Active

• خواص را فهرست می کند Lists properties

• خواص مدل جعبه Box model properties

• مرز Border

• لبه Margin

• لایه گذاری Padding

• عرض ارتفاع Width & Height

• نمایش دادن Display

• موقعیت Position

• شناور Float

• گروه بندی Grouping

• لانه سازی Nesting

• سرریز Overflow

• دید Visibility

• شاخص Z Z index

• طرح کلی Outline

• مکان نما Cursor

• انتخابگرهای بیشتر More Selectors

• کلاس های شبه Pseudo Classes

• ویژگی های Attributes

• رسانه ها Media

• واحدها Units

تجدید نظر Revision

• صفحه ورود Login page