آموزش HTML جلسه دوم

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

در جلسه اول با استخوان بندی Html و مفهوم تگ در زبان html آشنا شدید و یاد گرفتیم تگ های head و body چه کاربردی دارند .

آموزش HTML جلسه دوم

امروز می خواهیم تگ های title ، h1 ، h2 ، h3 ، h4 ، h5 ، h6 را به شما عزیزان آموزش دهیم .

تا اینجا یادگرفتیم که

<html>
<head>
کد های پنهان
</head>
<body>
کد هایی که در صفحه نمایش داده می شود
</body>
</html>

تگ title :

این تگ در داخل تگ head قرار می گیرد و عنوان صفحه را نمایش می دهد . به عنوان مثال من عنوان سایت خودم را می خوام فامو – قالب وردپرس قرار بدم پس داخل تگ title این متن رو می نویسم و تگ رو می بندم .

<html>
<head>
<title>
فامو - قالب وردپرس
</title>
</head>
<body>
کد هایی که در صفحه نمایش داده می شود
</body>
</html>

در نتیجه نمایش آن به صورت زیر خواهد بود

آموزش html جلسه دوم

تگ های h1 تا h6 :

این تگ ها در بخش body قرار می گیرند و نقش سرتیتر یا عنوان های داخل سایت را دارند مانند عنوان پست ها و … .

بزرگترین سایز متن برای تگ h1 و کوچکترین آن برای h6 می باشد و تگ های بین آن ها سایز را متن را همین طور کوچیک تر می کنند تا به کوچکترین سایز یعنی h6 برسند . برای فهم بهتر مثال زیر را نگاه کنید .

<html>
<head>
<title>
فامو - قالب وردپرس
</title>
</head>
<body>
<h1>تگ عنوان h1</h1>
<h2>تگ عنوان h2</h2>
<h3>تگ عنوان h3</h3>
<h4>تگ عنوان h4</h4>
<h5>تگ عنوان h5</h5>
<h6>تگ عنوان h6</h6>
</body>
</html>

در نتیجه نمایش آن به صورت زیر می باشد .

آموزش html جلسه دوم

خوب دوستان به پایان جلسه دوم رسیدیم در جلسه سوم با همدیگه تگ های مربوط به متن و ظاهر آن را بررسی می کنیم .

انشاالله در هر هفته حداقل سه جلسه منتشر می کنیم . تا به سرعت بتونیم پیش بریم و زبان html به پایان برسونیم و وارد زبان css2 و بعد css3 بشیم . تا شما عزیزان بتوانید یک سایت کامل را خودتان طراحی کنید .

موفق و پیروز باشید

ارسال دیدگاه

تایید شده : ۰ , در حال بررسی : 0 , مجموع : 0

19 − 4 =