0:05
In the name of God, the Most Gracious, the Most Merciful. May the peace, blessings and blessings of Allah be upon the most noble messengers, our master Muhammad. Today, insha'Allah, we have a few elements that we will face in your life and we need to talk about them. Of course, I don't need to tell you the elements are very simple and their uses may not be very many.
0:21
The first element is the Q, which is the code. One writes a small wisdom in the middle of the words. You need to put two dots before the words, which are the codes. So you use the Q. Let me tell you, this is, for example, "Wise World". Any empty words, of course. Let's see the Q, what's the difference between it and the paragraph. You'll find that the Q has two dots before it, which you see here. I'll zoom in on them. These are the two.
0:52
This is the first sign and this is the second sign. But just to make it clear that this is a code. Our element is an inline element. You will find here "Display Inline" I need to tell you that in the previous videos we said we will make a video about the difference between the inline and the block elements. I mean, just to distinguish between them. You will find that the video was not important at all because as long as we are working, whenever we get an element, I tell you that this is a block or an inline element so you know.
1:17
We can put a link in the description of the elements inline and block elements. Great. As there is a code like this, we have another element called block code. From this name, you see it is written as block. It is the same code but this time it is block. You will find the block code looks different and has curves around it. These curves are to distinguish it is a
1:44
and the whole line is not just an inline line like this. Of course, there are some working methods that you will encounter in your life when you dive into the field, God willing, you will copy this code, put two large dots like these in front of it, and make the line a line and make some combinations like this. You yourself, God willing, when you learn CSS, you can change it in its shape and do what you want with it. Even these signs, you can change them in shapes, change their color, enlarge it, do everything you want with it. Okay.
2:12
we have an element called button button is a button that is mostly used in javascript the button is a button that you press to perform a specific action you can use this button in the form but this is not the base practice of the button so most of the time you will see that this button is used to perform a specific action it takes you to a page and opens a product to see what's inside it means something like this
2:41
We have a very nice thing or an element called WBR WBR is the World Break Opportunity Let's say that if you have a very long link, like a link for videos for example for YouTube Let me show you an example This is a link like this The link in front of you, if you entered and you have an element, its width is small This link starts to go down as you see
3:07
you will learn it in CSS, the word break, which is the long words like this, you make a break on the next line, you see what happened, guys, if I have a small def, let me give you an example like this,
3:21
I don't want to repeat this, don't focus on anything related to CSS, we're just doing an example here you'll find the link has a break in a certain place with its mood you didn't control the topic we have something very nice called WBR
3:38
opportunity as we said WBR is a way to determine where to break the link so it doesn't miss the shape here for example I will put WBR here I want to tell it that the first break will come after the word youtube.com/d ok, do I want another break after a certain place? yes, from here for example I want to break and this long line here, I can come here and break
4:03
Let's see together, when we change the size of the element, for example, to 200, see where the break starts. The first thing is that we will come to the next one, we told it after the break list, after number 8, here, you see guys, number 8 is the break after it. Let's zoom out a little. Where is the next one from? Let's go down a little bit to see where it will reach, to the letter E, 9E, here, it will start the break, exactly, 9E is the break.
4:31
Here, with WBR, you can define the break from the place you want. Great, thank God, everything is fine. We will move on to the next one, and it is the last one. It is an element called BDI. BDI is short for B-Directional Isolation. It is the element that isolates the direction of the content on the page. What does this mean? We have a paragraph, I will write in it the word BDI.
4:58
Assalam in Arabic and number 2 and then the word welcome The correct arrangement is if my page is from the left to the right, how is it supposed to be? Assalam, number 2 here and then welcome Why number 2 here? Because the Arabic content is integrated with the English and the numbers And because our page is now left to right How do we deal with this?
5:22
To fix this, I isolate the word from the content If I wrote "Salam" here, I will leave this and take a copy from it I took this word and put it in the BDI, like this Now I isolated it from the page direction See the difference? Here you didn't isolate it, so they entered some of them Here I isolated it from the page direction
5:45
and the other two are isolated so here he wrote "salam" and then the normal order for the page is two and then the word "welcome" this topic is very important and it will be useful if you have an English content with Arabic that you can use together the B-directional isolation is a very excellent element to solve this problem I hope you liked this lesson, I will see you in a new lesson, and peace be upon you
