وب سایت تخصصی بهینه سازی سایت و بازاریابی اینترنتی از سال 92 آغاز به کار کرد.

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

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

این وب سایت تا به امروز نمونه کاری های بسیاری در زمینه بهینه سازی وب سایت ، بهینه سازی نرخ تبدیل ، طراحی سایت و...  انجام داده است.

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

ضمنا جدیدترین  مقالات سئو و بازاریابی اینترنتی در قسمت آموزش موجود است .

اطلاعات تماس وب سایت بهینه سازی سایت و بازاریابی اینترنتی:

09124104461

88359674

این آدرس ایمیل توسط spambots حفاظت می شود. برای دیدن شما نیاز به جاوا اسکریپت دارید

این آدرس ایمیل توسط spambots حفاظت می شود. برای دیدن شما نیاز به جاوا اسکریپت دارید

خلاصه سوابق کاری محمدرضا سمیعی :

از سال 1391  با سایت پارسیان تبلیغ در گروه طراحی وب پارسیان در زمینه توسعه وب

نویسنده کتاب جدول تناوبی فاکتورهای موفقیت در سئو

نویسنده کتاب رازهای پنهان گوگل

سوابق آموزشی:

آموزش ده ها دوره کارگاه طراحی وب سایت  و بهینه سازی وب و همکاری با آموزشگاه های برتر کشور

ایجاد ویدیو آموزشی طراحی وب سایت با جوملا 2.5 بصورت رایگان در سایت پارسیان تبلیغ

 خدمات قابل ارایه:

آموزش طراحی وب سایت

طراحی وب سایت

آموزش بهینه سازی وب

بهینه سازی وب در موتور های جستجو
مشاوره در حوزه بازاریابی و افزایش فروش

آموزش در حوزه بازاریابی و فروش
مشاوره در حوزه بازاریابی اینترنتی

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

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

با فراگیری این دوره میتوانید وارد بازار کسب و کار شده و به عنوان یک طراح قدرتمند سایت حرفی برای گفتن داشته باشید.

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

لینکها را می توان به سه قسمت زیر تقسیم بندی نمود:

   لینک های خارجی

   لینک های داخلی

   نشانه ها

 

لینک های خارجی

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

به طور مثال :

<a href=” http://www.mrsz.ir”> mrsz.ir </a>

این لینک از اجزاء مختلفی تشکیل شده که توضیح خواهم داد.

این تگ دارای خصوصیتی به نام href است که مقدار آن آدرس لینک مورد نظر برای اتصال و پیوند است .

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

این لینک به صورت زیر نمایش داده می شود:

mrsz.ir

لینکهای داخلی

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

در ظاهر کدهای لینکهای داخلی و خارجی تفاوتی با یکدیگر ندارند ولی تفاوت آنها در نحوه آدرس دهی آنها می باشد که تفاوت آین لینکها را مورد بررسی قرار میدهیم.

به طور مثال :

فرض کنید که ما وب سایتی داریم که از دو صفحه Index.html و AboutUs.html تشکیل شده است.

ما می خواهیم لینکی از صفحه اصلی ( Index.html ) به صفحه درباره ما (AboutUs.html ) که هر دوی آنها از صفحات یک وب سایت هستند ایجاد کنیم .برای انجام این کار از کدهای زیر استفاده میکنیم.

ملاحضه می کنید که در مقدار href که همان ادرس صفحه می باشد خبری از http://www> نیست و فقط اسم صفحه وب مورد نظر نوشته شده است.

برای توضیح این مطلب ابتدا به نکات زیر توجه کنید:

   آدرس دهی به دو صورت Relative و Static انجام می پذیرد.

   در مثال بالا از آدرس دهی به روش Relative استفاده شده است.

منظور از آدرس دهی به روش Relative ( وابسته ) این است که مقدار آدرس ما به نحوه قرار گرفتن این دو صفحه نسبت به یکدیگر بستگی دارد

برای توضیح بیشتر برای ساختن یک وب سایت ابتدا یک Folder به نام آن وب سایت بسازید(نام Folder اختیاری است).

محل این Folder اهمیت چندانی ندارد. حال صفحات وبی را که ساخته اید داخل این Folder قرار دهید.

در حال حاضر این دو صفحه وب (Index.html , AboutUs.html ) دارای موقعیت یکسان هستند یعنی هر دو داخل یک Folder قرار دارند.

این موضوع بسیار مهم است که این دو صفحه وب هر دو داخل یک Folder و یا پوشه قرار داشته باشند در غیر این صورت نحوه آدرس دهی متفاوت خواهد بود.

حال برای آدرس دهی می توان از کدهایی که در مثال بالا اشاره شد استفاده کرد.

نشانه ها

این نوع لینکها و پیوندها داخل یک صفحه وب استفاده می شوند.

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

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

در این نوع آدرس دهی از یکی دیگر از خصوصیات تگهای <a> استفاده می شود به نام “ name “

این خصوصیت قابلیت نامیدن هر یک از تگهای html و یا در اینجا <a> را با نامهای دلخواه در اختیار ما قرار میدهد.

یکی از موارد استفاده این خصوصیت در این مثال مورد بررسی قرار می گیرد.

<a name=”label”>Any content</a>

در قسمت “Label” می توانید نام مورد نظر خود را قرار دهید.

<a href=”#label”>Any content</a>

و در اینجا لینک مورد نظر را مشاهده می کنید.

حال به طور مثال در نظر بگیرید که صفحه ای با ارتفاع بسیار زیاد داریم که می خواهیم در انتهای ان لینکی برای دسترسی به بالای صفحه برای راحتی استفاده از وب سایت برای کاربر بسازیم.برای این کار به شیوه زیر عمل می کنیم:

ابتدا در ابتدای صفحه لینک زیر را قرار میدهیم

<a name=”Top”>Top of page </a>

و سپس در انتهای صفحه لینک زیر را قرار می دهیم (به مقدار خصوصیت href دقت کنید).

<a name=”#Top”>Top of page</a>

حال با کلیک بر روی این لینک به قسمت بالای صفحه خواهید رفت.

 

Style چیست ؟

یکی از مهمترین مباحث در زمینه طراحی و کد نویسی Style ها هستند به طور دقیقتر خصوصیات وتواناییهایی برای تگهای HTML می باشند و از اهمیت بسیار بالایی برخوردارند.

یاد گیری Style ها پیش نیازی برای یادگیری CSS می باشد.

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

Style ها به چندین روش درون صفحات وب نوشته می شوند.

· به صورت خطی و درون تگهای HTML .

· به صورت تگهای <Style> </Style> درون صفحات HTML .

 · به صورت صفحات و کدهای CSS

 

برای آشنایی بیشتر با این موارد به ذکر چندین مثال می پردازیم.

 

style=”background-color:yellow”

 

style=”font-size:10px”

 

style=”font-family:Times”

 

style=”text-align:center”

 

اینها کدهایی هستند که درون تگهای HTML نوشته می شوند.

 

تغیر رنگ BackGround (پس زمینه ) با استفاده از Style ها.

 

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

 

<html>

 

<body style=”background-color:yellow”>

 

<h2>Look: Colored Background!</h2>

 

</body>

 

</html>

 

در قسمت body , ویا بدنه صفحه وب مشاهده می کنید که از یک Style خطی استفاده شده است. این کد باعث خواهد شد که پس زمینه و یا Back Ground صفحه وب شما با رنگ زرد نمایش داده بشه.

 

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

 

تغییر Font نوشته ها با استفاده از Style ها .

 

در اینجا مشاهده خواهید کرد که font نوشته ها با استفاده از خصوصیات Style ها قابل کنترل می باشد.

 

<html>

 

<body>

 

<h1 style=”font-family:verdana”>A heading</h1>

 

<p style=”font-family:courier new; color:red; font-size:20px;”> A paragraph </p>

 

</body>

 

</html>

 

مشاهده می کنید در تگ <h1> , <p> این Style ها برای تغییر نوع font به کار رفته است.

 

تغییر نوع چینش نوشته ها ( Text Alignment )

 

در اینجا مشاهده می کنید که با استفاده از Style ها نوع چینش نوشته ها را کنترل می کنیم.

 

<html>

 

<body>

 

<h1 style=”text-align:center”>This is heading 1</h1>

 

<p>The heading above is aligned to the center of this page. The heading above is aligned to the center of this page. The heading above is aligned to the center of this page.

 

</p>

 

</body>

 

</html>

 

با توجه به گستردگی مطالب در مورد Style ها در اینجا یه همین توضیحات اکتفا می کنیم و توضیحات بیشتر را در مورد Style ها به خود آموزهای بعدی موکول می کنیم.

 

در اینجا شما نمونه ای از عناصر HTML به همراه توضیحات تکمیلی (Attribute) را می بینید که در بین یک جفت   ”  ” قرار گرفته است.

تگهای Head Line و یا سرفصلها

سرفصلها توسط تگهای h1   تا h6 علامت گذاری می شوند. تگ h1 باعث ایجاد اندازه بزرگتری نسبت به h6   می شود.

<h1>This is a heading</h1>

<h2>This is a heading</h2>

<h3>This is a heading</h3>

مرورگرها به صورت اتوماتیک یک خط فاصله بعد از این تگها ایجاد میکند.

اهمیت تگهای Head Line

از این تگها برای بزرگ یا کوچک کردن نوشته ها استفاده نکنید بلکه برای موضوعات پر اهمیت از آنها استفاده کنید و موضوعات و نوشته های پر اهمیت را داخل آنها قرار دهید.

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

ترتیب اهمیت این تگها به ترتیب اهمیت بیشتر از h1 به h6 می رسد.

تگهای خط کشی و یا خط (line)

تگ <hr/> برای کشیدن خط ها افقی استفاده میشود.

<p>This is a paragraph</p>

<hr />

<p>This is a paragraph</p>

<hr />

<p>This is a paragraph</p>

نوشتن توضیحات برای کدها HTML

این توضیحات باید به صورتی در درون کدهای HTML   قرار گیرند که توسط مرورگرها خوانده نشوند. بنابراین این توضیحات را به این صورت

می نویسیم.

<!– This is a comment –>

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

چگونه کدهای HTML یک صفحه وب را ببینیم؟

برای این کار شما میتوانید در صفحه مرورگرتان گزینه view   را از نوار ابزار انتخاب کنید و سپس گزینه view source   و یا source را انتخاب کنید.

در این حالت یک پنجره جدید باز می شود که کدهای HTML را به شما نشان می دهد.

تگهای پاراگراف (Paragraph)

پاراگراف ها توسط تگهای <p>   علامت گذاری می شوند.

<p>This is a paragraph</p>

<p>This is another paragraph</p>

مرورگرها به صورت اتوماتیک یک خط فاصله قبل و بعد از این تگها ایجاد میکند.

باز هم این نکته را یاد آوری می کنیم که تگهای ابتدایی و انتهایی را فراموش نکنید.

تگهای شکستن خط ( Line Breaks )

برای ایجاد شکست در یک خط و رفتن به خط بعدی و ایجاد فاصله از تگ </br> که یک تگ خالی (empty) است استفاده می شود.

این نکته قابل ذکر است که کلیه فاصله ها در بین تگهای HTML در هنگام نمایش توسط مرورگرها از بین می رود.

<h1> Headline1 </h1>

به طور مثال فاصله ای که قبل از محتوای این عنصر HTML   وجود دارد در مرورگر از بین می رود.

تگهای نوع نمایش نوشته ها ( Text Formatting )

This text is bold

This text is big

This text is italic

This is computer output

This is subscript and superscript

تگهایی مانند <i> و یا <b> باعث می شوند که نوشته ها به صورت Italic و یا Bold   نمایش داده شوند . این تگها را تگهای نوع نمایش یا(Text Formatting ) می نامند.

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

<p> <b> This text is bold <b></p>                   This text is bold

<p> <strong>This text is strong </strong></p>           This text is strong

<p><big>This text is big</big></p>                         This text is big

<p><em>This text is emphasized</em></p>               This text is emphasized

<p><i>This text is italic</i>                     This text is italic

<p><small>This text is small</small></p>                This text is small

<p>This is_subscript and ^superscript</p>

This is subscript and superscrip

 

 

 

 

سازمان جهانی وب ( World Wide Web Consortium )

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

Html چیست ؟

Hyper Text Markup Language یا زبان نشانه گذاری فوق متن یک زبان برنامه نویسی نیست بلکه این زبان یک زبان برای نشانه گذاری عناصر یک صفحه وب است به طوری که یک مرورگر مانند Internet Explorer بتواند آن صفحه وب را به عناصر قابل رویت ترجمه کند و روی صفحه نمایشگر شما نشان بدهد.

یک زبان نشانه گذاری از عناصر علامت گذاری (Tag ) ساخته شده است.

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

یادگیری این کدهای علامت گذاری به عنوان پایه ای برای یادگیری کلیه زبان های برنامه نویسی تحت وب و یا طراحی صفحات وب الزامیست.

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

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

آموزش Html

تگ چیست ؟

تگها کلماتی هستند که به وسیله یک جفت علامت <> احاطه شده اند مانند <html> .

تگها معمولا به صورت یک جفت می باشند مانند <b> و <b/>.

اولین تگ ( تگ ابتدایی) و دومین ( تگ انتهایی) نامیده می شوند.

تگ ابتدایی تگ شروع ویا تگ باز و تگ انتهایی تگ پایان ویا تگ بسته نیز نامیده می شوند.

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

منظور از یک مرورگر وب مانند Internet Explorer و یا FireFox وسیله ایست برای خواندن کدهای html و ترجمه ونمایش آنها به صورت صفحات وب .یک مرورگر تگها را نشان نمی دهد بلکه از آنها برای ترجمه صفحه وب استفاده می کند.

در زیر میتوانید نمونه ای از کدهای html را ببینید :

   <html>

   <body>

   <h1>My First Heading</h1>

   <p>My first paragraph</p>

   <body/>

   <html/>

متن بین <html> و <html/> صفحه وب را مشخص می کند.

متن بین <body> و <body/> قسمت قابل رویت یک صفحه وب را نشان میدهد.

متن بین <h1> و <h1/> به صورت یک سر فصل نمایش داده می شود.

متن بین <p> و <p/> به صورت یک پاراگراف نمایش داده می شود.

چه چیزی احتیاج دارید؟

شما برای شروع یادگیری html احتیاج به هیچ نرم افزار پیچیده و یا یک وب سایت ندارید. در این خود آموز ما از نرم افزار Notepad موجود در windows برای نوشتن و ویرایش کدهای html استفاده میکنیم و اعتقاد داریم که این بهترین راه برای یادگیری html می باشد.

کد نویسان و طراحان حرفه ای از نرم افزارهایی مانند Front Page و Dream Weaver برای تولید صفحات وب استفاده می کنند.

ساخت اولین صفحه وب

برای شروع شما میتوانید نرم افزار Notepad خود را از آدرس Start>Program>Accessories باز کنید و متن زیر را درون آن بنویسد .

   <html>

   <body>

   <h1>This is my Main Page</h1>

   <p>This is some text.</p>

   <p><a href=”page1.htm”>This is a link to Page 1</a></p>

   <p><a href=”page2.htm”>This is a link to Page 2</a></p>

   <body/>

   <html/>

پس از اتمام ، نوشته مورد نظر خود را با یکی از پسوندهای .htm و یا .html به نام Mainpage ذخیره کنید.

این اولین صفحه وب ساخته شما است.

html. یا .htm ؟

برای ذخیره یک صفحه وب شما باید یکی از این پسوندها را انتخاب کنید .htm و یا .html

در عمل این دو پسوند تفاوتی با یکدیگر ندارند . پسوند .htm یک پسوند قدیمیست و مربوط به زمانی است که پسوندها از ۳ حرف تشکیل می شدند ولی امروزه بهتر است از پسوند .html استفاده کنید.

اگر احتمالا مطالبی که تا کنون برای شما گفته شده برای شما مبهم بوده است احساس نگرانی نکنید زیرا در قسمتهای بعدی توضیحات بیشتری خواهیم داد.

مثال ها

برای یادگیری بهتر از چندین مثال شروع می کنیم.

سرفصل و یا Head Line

   <h1>This is a heading</h1>

   <h2>This is a heading</h2>

   <h3>This is a heading</h3>

سر فصلها توسط تگهای <h1>تا <h6> علامت گذاری می شوند.

پاراگراف

   <p>This is a paragraph</p>

   <p>This is another paragraph</p>

پاراگراف ها توسط تگهای <p> علامت گذاری می شوند.

پیوندها و یا link ها

   <a href=”www.TopDesign.ir”> This is a link </a>

Link ها و یا پیوندها توسط تگ <a> علامت گذاری می شوند.

این تگ دارای نشانه هایی می باشد که در قسمت های بعدی توضیح داده خواهد شد.

تصاویر

   </img src=”TopDesign.jpg” width=”104″ height=”142″>

تصاویر توسط تگهای <img/> علامت گذاری می شوند که دارای نشانه ها و تفاوت هایی با ۳ تگ قبلی است که در ادامه توضیح داده می شود. ( مانند نام و اندازه تصاویر )

عناصر HTML

عناصر HTML اجزاء سازنده یک مجموعه HTML هستند. عنصر HTML یعنی هر چیزی که بین تگ ابتدایی و انتهایی وجود دارد.

با توجه به مثالهای بالا

تگ پایانی          

محتوای عناصر HTML      

تگ شروع

</p>

            This is a paragraph       

<p>

</a>

            This is a link to Page 1   

<a href=”default.htm” >

</br>

تگ شروع تگ باز و تگ پایانی تگ بسته نیز نامیده می شوند.

عناصر و یا اجزاء یک مجموعه HTML دارای نظام و قواعد خاصی هستند که تعدادی از آنها در زیر گفته می شود.

   عناصر HTML با یک تگ باز شروع می شوند.

   عناصر HTML با یک تگ بسته به پایان می رسد.

   محتوای عناصر در بین تگهای ابتدایی و انتهایی قرار می گیرند.

   بعضی از عناصر HTML محتوایی ندارند.

   این عناصر در تگ ابتدایی بسته می شوند مانند (<br/> )

   بعضی از عناصر HTML دارای مشخصات و تواناییهایی هستند.

البته در مورد تواناییها و مشخصات عناصر HTML   در ادامه به صورت کامل توضیح داده خواهد شد.

تگهای HTML تو در تو (Nested)

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

   <html>

   <body>

   <p>This is my first paragraph</p>

   <body/>

   <html/>

در این مثال تگ <html> در ابتدای همه تگها باز شده است و در انتهای همه آنها با <html/> بسته شده . محتوای تگ <html> تگهای <body> و <p> هستند.

تگ <body> که بعد از آن باز شده قبل از آن با <body/> بسته شده است. محتوای تگ <body> که در واقع بدنه و قسمت قابل رویت یک صفحه HTML است در این مثال یک تگ <p> است. در مورد تگ <p> هم این موضوع تکرار شده است.

تگهای پایانی را فراموش نکنید

   p>   This is a paragraph>

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

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

عناصر HTML خالی

عناصر HTML بدون محتوا را عناصر خالی (empty element) می نامند .این عناصر در همان تگ ابتدایی بسته می شوند.

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

البته در زبانهای پیشرفته تر مانند XHTML و XML تگها حتما باید بسته شوند بنابرین استفاده از تگ <br/> به جای <br> مناسب تر می باشد.

حروف بزرگ یا کوچک؟

HTML حساس به بزرگ بودن و یا کوچک بودن حروف نیست به طور مثال <p> همان کاری را انجام می دهد که <P> انجام میدهد.بسیاری از صفحات وب از حروف بزرگ برای ساختن تگهای HTML استفاده میکنند. ولی استفاده از حروف کوچک طبق استانداردهای سازمان جهانی وب یک امر کاملا ضروریست.