Html (part1):

HTML

زبان برنامه نویسی نشانه گذاری استاندارد برای ساخت صفحات وب از ان استفاده میشود

• First basic pages

• <!DOCTYPE html>

<head>

<title>Title</title>

</head>

<body>

</body>

</html>

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

<!DOCTYPE html>

این تگ برای این است که دستور ما در اچ5 نوشته شده است وبه این معنی است که دستورات را به ابجکت قابل تفسیر برای مرورگرها تبدیل میکند و همه فایل های اچ با این فایل تایپ شروع میشوند ,

<head>

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

</head>

به معنی پایان تگ است

<body></body>

در این تگ دستورات قابل رویت و نمایش نوشته میشود که در مرورگر میتوانیم تن هارا ببینیم

</html>

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

• Doctype & Basic Layout

• Setting Up Live Server

• Meta Tags & Search Engines

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

<meta charset =”UTF-8”>

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

<meta name =”description”

Content =”free web tutorials”>

<meta name =”keywords”

Content =”HTML,CSS,XML,JavaScrip>

<meta name = “author content =”John doe “>

<meta name =”viewport” content =”width=device -width,intial-scale=1.0”>

• Headings, Paragraphs & Typography

<h1><h6>

مهمترین سرفصل و اخرین سرفصل در این تگ ها مینویسند

<h1> heading 1</h1>

<h2> heading 2</h2>

.

.

.

<h6> heading 6</h6>

جستجو مهندسی(کلماتی و کارکترهایی هستن که وب ان ها را بفهمد) استفاده میکند از سرفصل دستورات و محتوا برای ضفحه وب وارد میکند

<p> </p>

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

<br>

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

<em></em>

این تگ کلمه ها رو به شکل خط ایتالیک تبدیل میکند

<strong></strong>

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

• Links, Images & Attributes

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

<a href =http://................./> click on it</a>

این تگ برای ایجاد لینک در صفحه وب است

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

http…شروع میشوند

Attributes

ویژگی هایی که یک تگ میتواند داشته باشد

Images

برای اینکه تصویری در صفحه وب خودمون درج کنیم از

<img src=”address image” alt=”some name(اگه مشکلی در اتصال اینترنت یا لود کردن عکس باشد به جای ان این کلمه چاپ میکند)>

• Lists & Tables

Table

این تگ که برای اینکه به حالت جدول در بیاوریم اطلاعاتی که نوشتیم

و این تگ منسوخ شده و زیاد از ان استفاده نمیشود

<table></table>

و برای نمایش هر ردیف یک جدول از تگ

<tr>

و برای هر هدر جدول از تگ

<th>

و برای اطلاعات جدول از تگ

<td>

Lists:

Unorder list

در ان لیست ترتیب ایتم ها مهم نیست

<ul>

<li>…..</li>

<li>…..</li>

<li>…..</li>

</ul>

Order list

که در ان ترتیب ایتم ها مهم است و ان ها را بصورت شمارگذاری نمایش میدهیم

<ol>

<li>…..</li>

<li>…..</li>

<li>…..</li>

</ol>

<ul style="list-style-type:disc;">

<li>Coffee</li>

<li>Tea</li>

<li>Milk</li>

</ul>

• Coffee

• Tea

• Milk

با کمک اتربیوت استایل میتوان شکل علامت گذاری ایتم ها راعوض کرد

<ol type="A">

<li>Coffee</li>

<li>Tea</li>

<li>Milk</li>

</ol>

A.Coffee

B.Tea

C.Milk

با کمک اتربیوت تایپ میتوان نوع شماره گذاری ایتم هارا عوض کرد