ما در شبکه های اجتماعی :

عناصر در html

از تگ شروع با محتوای ما بین تگ ها تا تگ پایان را یک عنصر در html گویند
در سند html یک عنصر میتواند محتوای یک عنصر دیگر باشد
در اینجا کلمه تگ و برچسب یکی میباشد ودر بین دو علامت زاویه قرار میگیرند, لطفا توجه داشته باشید در سند html به غیر از تگ های خالی حتما باید هر تگی رو که باز میکنیم ببندیم
بیشتر عناصر HTML با برچسب شروع (یا برچسب افتتاحیه) و برچسب پایان (یا برچسب بسته) نوشته شده اند و محتوا بین آنها قرار دارد. عناصر همچنین می توانند دارای ویژگی هایی باشند که خصوصیات اضافی آن را تعریف می کند. به عنوان مثال ، پاراگراف ، که توسط عنصر p نشان داده می شود ، به شرح زیر نوشته می شود:

مثال های کاربردی

کد را امتحان کنید

<!DOCTYPE html>
<html lang="en">
<head>
 <title>عناصر در html</title>
</head>
<body>   
<p>novinwebhost</p> 
<p>این یک پاراگراف است.</p>
<P>این هم یکی دیگه پارگراف است.</P>
</body>
</html>

عناصر تهی یا خالی در html
 
عناصر خالی (که به آنها عناصر بسته یا خالی نیز گفته می شود) برچسب هایی به این معنی که شما نمی توانید محتوایی درونش بنویسید.و تگ های جفت تایی نیستند و برچسب تکی میباشند.مانند ، عنصر br که کارش شکستن خط میباشد برخی دیگر از عناصر خالی رایج دیگر مثل , img , input , link , meta , hr , و غیره هستند.

در تمرین زیر یاد میگیریم دقیقا چند نمونه از عنصر های تهی و خالی چگونه نوشته و عمل میکنند

مثال های کاربردی

کد را امتحان کنید

<!DOCTYPE html>
<html lang="en">
<head>
    <title>HTML عناصر خالی</title>
</head>
<body>
    <p>این یک خط <br> شکسته میباشد.</p>
    <img src="/examples/images/html-elements.png" alt="نوین وب هاست">
    <input type="text" name="users">
</body>
</html>

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

عنصر درون عنصر دیگر در html

 

بیشتر عناصر HTML می توانند شامل تعداد دیگری از عناصر اضافی باشند (به جز عناصر خالی) ، که به نوبه خود ، از برچسب ها ، ویژگی ها و محتوا یا عناصر دیگر تشکیل شده اند.مثال زیر برخی از عناصر موجود در عنصر p را نشان می دهد.

مثال های کاربردی

کد را امتحان کنید

<!DOCTYPE html>
<html lang="en">
<head>
    <title>HTML عناصر در عنصر</title>
</head>
<body>
    <p>این نوشته نازک<b>اینجا ضخیم</b> دوباره نازک.</p>
    <p> متن این نوشته <em>  novinwebhost </em> در لاتین کج شده </p>
    <p> بخشی از <mark> رنگ شده </mark> این متن </p>
</body>
</html>

 

کامنت گذاری در html

معمولاً کامنت ها با هدف آسانتر کردن کد منبع نوشته می شوند. این ممکن است به یک توسعه دهنده دیگر (یا شما اگر در آینده هنگامی که بخواهیدکد منبع را ویرایش کنید) کمک کند آنچه را که می خواهید با HTML انجام دهید. کامنت ها در مرورگر نمایش داده نمی شوند.
کامنت HTML با <! – ، شروع می شود و با -> پایان می یابد ، همانطور که در مثال زیر نشان داده شده است:


مثال های کاربردی

کد را امتحان کنید

<!DOCTYPE html>
<html lang="en">
<head>
    <title>html کامنت گذاری در</title>
</head>
<body>
    <!-- این کامنت گذاری خطی است -->
    <!-- کامنت گذاری چند خطی
         که بیشتر از یک خط دارد -->
         
           <!-- مخفی کردن این تصویر برای آزمایش
    <img src="images/smiley.png" alt="Smiley">
    -->  
    <p>این یک متن معمولی میباشد</p>
    <p><strong>توجه کنید</strong> نوشته های بصورت کامنت در مرورگر خوانده نمیشود</p>
</body>
</html>

قبلی

بعدی

۰۵ مهر ۱۳۹۸ | by رضا جهاندیده | بدون ديدگاه | |
درباره نويسنده : رضا جهاندیده
رشته تحصيلی : کامپيوتر و گرافيک ,آشنا به زبان های php و css سرگروه تيم توسعه و طراحی نوين وب هاست در حدود 5 سال به ياری خداوند در زمينه هاي فوق مشغوليم به اميدحق توانسته ايم با مشاوره و راهنمايي کاملا رايگان در خدمت همه شما باشيم سربلند باشيد
ثبت دیدگاه




  • logo-samandehi
  • novinwebhostnovinwebhost
  • novinwebhostnovinwebhost
  • novinwebhostlogo-samandehi
  • novinwebhost