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

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

می پسندم
1 ستاره2 ستاره3 ستاره4 ستاره5 ستاره
2,357 بار
0 نظر
محمد رحمتی
۶ بهمن ۱۳۹۴

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

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

Html Learn - آموزش 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 screen 1 - آموزش 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 screen 2 - آموزش HTML جلسه دوم

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

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

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

دیدگاه کاربران

هنوز هیچ دیدگاهی وجود ندارد

مقالات مرتبط

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