دورة HTML5 للمبتدئين

3 : دورة إحتراف HTML5 بمنهجية أكاديمية (الوصوف أو Attributes)

في هذا الموضوع سوف نتطرق إلى الوصوف أو Attributes.
الوصوف هي الشفرة التي تعطي تأثيرا على tags في html , ليس التأثير الحركي أو الديكور كالذي تقدمه CSS او javascript بل تحويل النص الى نص فائق يعني تطبيق العمل معين وجعل النص متفاعل. وتكتب وصوف HTML داخل وسم tag نفسه وصيغتها العامة هي:

<tags/>المكونات<Tags + Attribute>

أمثلة عن Tags في HTML5

مثال href

<a href="https://et9aan.com">This is a link</a>

مثال src

<img src="img_girl.jpg">

مثال width و height

<img src="img_girl.jpg" width="500" height="600">

مثال alt وهوا عنصر يظهر نص عندما لا تكون صورة موجودة

<img src="img_girl.jpg" alt="Girl with a jacket">

كود المثال :

<!DOCTYPE html>
<html>
<head>
<title>WWW.SHAFRAH.TECH</title>
</head>
<body>
 <img src="URL ERROR" alt="SHAFRAH.TECH" width="400" height="200"> 
</body>
</html>

مثال style

<p style="color:red">I am a paragraph</p>

مثال lang Attribute وهوا يشير الى ترميز اللغة في الوتيقة

<!DOCTYPE html>
<html lang="en-US">
<body
...
</body>
</html>

مثال title Attribute وهوا يقوم بإظهار عنوان عند تمرير الماوس فوق العنصر

<p title="I'm a tooltip">
This is a paragraph.
</p>

كود المثال :

<!DOCTYPE html>
<html>
<head>
<title>WWW.SHAFRAH.TECH</title>
</head>
<body>
<p title="Hello SHAFRAH ">
This is a paragraph.
</p>
</body>
</html>

السابق
2 : دورة إحتراف HTML5 بمنهجية أكاديمية (المحررات)
التالي
4 : دورة إحتراف HTML5 بمنهجية أكاديمية (Text Formatting Tags)

شاركنا برأيك