بعضی از دوستان گفتند که تگ های مقدماتی HTML رو هم بگذاریم.
من خودم به فکرش بودم ولی چون بغیر از یکی دو تا تگش (که بعدا هم باهاشون اشنا می شدیم) بقیش بدرد بخور نبود.
حالا ولی می گیم دیگه.
1. <hr>: تگ خط است که معادل ان border- bottom یا border-top داخل style است.
عیب این تگ این است که با تغییر سایز پنجره ی مرورگر ، همه ی تنظیمات شما به هم می
خورد.
2. <p> & </p>: تگ شروع و پایان یک پاراگراف که انشاءالله بعدا بیشتر با ان اشنا می شوید.
3. <br>: نشانه ی پرش به خط بعد.
4. <h1> تا <h6>: تگ هایی هستند که برای بزرگ نمایی متن به کار برده می شوند.
و یک سری چیز های دیگه که فکر نکنم الان بدرد بخوره.
حالا در ادامه ی مطلب می تونید یک مثال رو ببینید.
ادامه مطلب ...اینجا می خوام طرز کار این دو تا رو مو به مو تعریف کنم.
(ادامه ی مطلب)
ادامه مطلب ...خب حالا می ریم سراغ "id".
id هم مثل همون class با این تفاوت که هنگام تعریف class باید قبل از اون نقطه می گذاشتیم.
.class002{
توضیحات
}
ولی هنگام تعریف id باید # بگذاریم.
#id002{
توضیحات
}
در این قسمت می خوایم با <class> اشنا بشیم.
class یک سری style که در یک جا جمع شدند و میشه به وسیله ی نامشون ازشون در چند جا استفاده کرد.
1. در داخل <head>قرار می گیرد.
2. قبل از نام ان یک "." می گذاریم.
3. برای استفاده از ان باید نام ان را در <div> و داخل class ذکر کنیم.
برای اشنایی بیشتر متن زیر را در جای مناسب کپی وسپس در مرور گر نگاه کنید.
(در ادامه ی مطلب)
سلام
اگر اون قسمت bottom در border-bottom بردارید اونوقت یک مربع می کشید که با اینها کنترل می شه:
width & height
اولی به معنای عرض و دومی به معنای ارتفاع
انواع جهت ها که می تونید کنار border بگذارید اینها هستند:
top , left , right & bottom
top: خطی رو بالای متن داخل <div> قرار می ده.
left: خطی رو سمت چپ متن داخل <div> قرار می ده.
right: خطی رو سمت راست متن داخل <div> قرار می ده.
bottom: خطی رو پایین متن داخل <div> قرار می ده.
حالا برید به ادامه ی مطلب تا یک کلک رشتی رو ببینید.
ادامه مطلب ...این متن رو تایپ کنید:
<html>
<body>
<div style="border-bottom:2px solid #000">hello world</div>
</body>
</html>
الان یک خط نوشتید ، با رنگ سیاه. این رو توی sublime text کپی کنید و به اون پسوند html بدید. بعد اون رو با مرور گرتون باز کنید.(اگر این برنامه رو ندارید می تونید از سایتش که با نام "یک برنامه ی کار امد" در جعبه لینک ذخیره شده اون رو دانلود کنید)