Making Links Udacity Arabic English

Making LinksYouTube↗ IA↗(long shot)
Education 53.9K views 21 likes 0 dislikes 23 Feb 2015

Udacity 651K subscribers United States YouTube↗

حسنًا. أود تعليمكم مفهومًا جديدًا. هذا المفهوم يعرف باسم

Okay. I like to teach you about a new concept. These are

سمات HTML. وهي تبدو هكذا. لا يزال لدينا اسم وسم فتح

called HTML attributes. They look something like this. We still have our

ووسم غلق كما كان مسبقًا مع هذه الشرطة

opening tag name and, and a closing tag as before with this

لكن لدينا، شيئًا جديدًا يسمى سمة. السمات

slash but we have an, a new thing called an attribute. Attributes

،لديها اسم، في هذه الحالة، أطلقت عليها ATTR فقط. تساوي

have a name, in this case, I just called it ATTR. Equals,

وتحصل على علامتي اقتباس وتكون القيمة داخلهما، وسمات

and you've got quotes and the value is inside the quotes, and

هذه الأيام دائمًا ما تساوي قيمة. لم تكن الحالة في السابق

attributes these days always equal a value. Didn't use to be the

أن تكون صادقًا لكن كل شيء سنقوم

case to be the case to be honest but everything we're going to

بعمله، يساوي قيمة. يمكن أن تتضمن العلامات

do is, is, equals a value. And tags can

فعليًا على عدة سمات. أحد أمثلة العلامات

actually have multiple attributes. An example of a tag

التي تستخدم سمة هي علامة الارتساء، وهي

that uses an attribute is the anchor tag, which

علامة a، وللاطلاع على مثال كامل سيبدو

is the a tag, and a full example looks something

كما يلي. لديك وسم الفتح a، ولديك

like this. You've got the opening a, you've got

سمة يطلق عليها href، كما لديك قيمتها، وهي

an attribute called href, you've got its value, in

في هذه الحالة عبارة عن عنوان URL، ستحصل على

which in this case is a URL, you've got

.المحتويات، ثم ستحصل على علامة ارتساء الغلق

the contents, and then you've got the closing anchor tag.

لذا إذا أردت إعادة عرض هذا في HTML فسنود

So if you were to render this in HTML we'd

رؤية الكلمة derp فقط، لكنها ستكون

just see the word derp, but it would be a

رابطًا إلى reddit.com. تختص علامات الارتساء بإعداد ارتباطات. هيا بنا نجرّب

link to reddit.com. Anchors are for making links. Let's play

هذا في المتصفح قليلاً

around with this in our browser a little bit and

ونره وهو يعمل. حسنًا، لقد حصلنا على HTML

see it in action. Okay, so we've got our HTML

مما سبق. سأقوم بالتخلص من بعض هذه العلامات

from before. I'm going to clean out some of these tags

هنا، لذا سيتوفر لدينا مساحة كبيرة نسبيًا

here, so we have a little bit more room to

،للعمل. هيا لنجعل الكلمات HTML هنا رابطًا. لذا

work. Let's make the, the words HTML here a link. So,

سنقوم بإنشاء وسم فتح. سمة href إلى www.w3c.org/html

we're going to make an opening a tag. An href to www.w3c.org/html

ووسم إغلاق. عند عرض هذا، سنرى

and a closing a tag. When we render this, we

أن HTML تحول إلى رابط وإذا قمنا بالنقر عليه سيؤدي ذلك إلى

see that HTML has turned into a link and if I were to click this it would

فتح هذه الصفحة، w3c.org في نافذة جديدة

open this page, w3c.org in a new

.رائع جدًا، أليس كذلك؟ حسنًا، هذا اختبار سريع .

window. Pretty neat, huh? Okay, so quick quiz.

اختر العبارة أدناه أو اختر الكلمات المفضلة من العبارة أدناه

Take the phrase below or take the words my favorite from the phrase below and

.ثم استخدم هذه الكلمات لإنشاء رابط إلى udacity.com

make those words a link to udacity.com.

Similar videos:

Italics Solution - Web Development
Udacity
5.7K views 7 likes 1 dislikes 23 Feb 2015100% match

Memcached - Web Development
Udacity
13.5K views 115 likes 3 dislikes 23 Feb 2015100% match

Problems with Memcachedb - Web Development
Udacity
6K views 13 likes 0 dislikes 27 May 2012100% match

Dynamic Content - Web Development
Udacity
6.1K views 2 likes 0 dislikes 23 Feb 2015100% match

HTML Basics
Udacity
16.5K views 75 likes 2 dislikes 16 Jul 2014100% match

Whitespace Solution - Web Development
Udacity
15.7K views 10 likes 1 dislikes 23 Feb 2015100% match

The Method Attribute - Web Development
Udacity
9.6K views 14 likes 8 dislikes 22 Apr 2012100% match

Cache Architecture - Web Development
Udacity
7.2K views 16 likes 1 dislikes 27 May 2012100% match

Whitespace
Udacity
47.8K views 26 likes 4 dislikes 23 Feb 2015100% match

The Method Attribute - Web Development
Udacity
5.8K views 3 likes 0 dislikes 22 Apr 2012100% match

Install Google App Engine
Udacity
7.1K views 40 likes 48 dislikes 17 Apr 2012100% match

What Is Your Birthday? - Web Development
Udacity
5.3K views 4 likes 0 dislikes 22 Apr 2012100% match

Shopping List Take 1 - Web Development
Udacity
841 views 1 likes 0 dislikes 23 Feb 2015100% match

Reddit Architecture - Web Development
Udacity
27.7K views 397 likes 3 dislikes 27 May 2012100% match

HTTP Responses - Web Development
Udacity
5.5K views 19 likes 0 dislikes 23 Feb 2015100% match

Entering Input - Web Development
Udacity
6.3K views 3 likes 0 dislikes 22 Apr 2012100% match

Correct URL - Web Development
Udacity
10.9K views 6 likes 1 dislikes 23 Feb 2015100% match

Adding Images
Udacity
12.9K views 36 likes 0 dislikes 23 Feb 2015100% match

Types of Databases - Web Development
Udacity
8.5K views 43 likes 4 dislikes 25 Apr 2012100% match

File Types
Udacity
34.4K views 11 likes 3 dislikes 23 Feb 2015100% match

Forms - Web Development
Udacity
6.2K views 16 likes 1 dislikes 22 Apr 2012100% match

User Input - Web Development
Udacity
7.7K views 3 likes 0 dislikes 22 Apr 2012100% match

Database Architecture - Web Development
Udacity
8.3K views 29 likes 1 dislikes 27 May 2012100% match

Part 2 - Web Development
Udacity
643 views 2 likes 0 dislikes 07 May 2012100% match

Span and Div
Udacity
50.3K views 27 likes 1 dislikes 23 Feb 2015100% match

Stateless - Web Development
Udacity
9.2K views 35 likes 8 dislikes 23 Feb 2015100% match

Reddit Architecture 2 - Web Development
Udacity
11.1K views 88 likes 2 dislikes 27 May 2012100% match

Rot13 - Web Development
Udacity
9.3K views 46 likes 8 dislikes 23 Apr 2012100% match

Cookies - Web Development
Udacity
38.4K views 315 likes 11 dislikes 23 Feb 2015100% match

Fragments - Web Development
Udacity
5.9K views 9 likes 0 dislikes 23 Feb 2015100% match