Mi a kezelőfelület nyelve?
Az előlap a webhely azon része, amelyben azonnal láthatja és kommunikálhat, hogy megszerezze a rendszer háttérszoftver kapacitásait, azaz a felhasználó mindent láthat, és megtapasztalhatja. Az évek során a webdesigner szerepe drámaian megváltozott, de alapvető funkciói változatlanok. A Frontend a sípoló hangokkal és a csengőhangokkal foglalkozik, amelyeket a webhelyen lát, beleértve a színes fényképeket, navigációs menüket, mutató gombokat stb. ebben az esetben. A kódot nem egy webes fejlesztő kezeli. A valóságban lefedi a weboldalak átalakításának és kiépítésének minden szempontját, amelyek vizuálisan vonzóak és felhasználóbarátak. Az előtér-fejlesztő szerepe a felhasználó számára, hogy környezetet teremtsen különféle eszközök, például JavaScript, HyperText jelölőnyelv és CSS kombinációjával.
Most tovább lépünk a front end nyelvén
Különböző típusú felhasználói felületek
Az alábbiakban bemutatjuk a kezelőfelület nyelvének különféle típusait, amelyek a következők:
1. HTML nyelv
Hipertext jelölőnyelv, amelyet általában HTML-nek hívunk. A HTML-t digitális rekordok létrehozására használják a világhálón. Minden oldalon számos link található más weboldalakhoz. Az interneten megtekintett minden weboldal egy vagy másik HTML változatban kerül közzétételre. A HTML kód biztosítja a képek és a szöveg megfelelő formázását, így az internet böngészője megjelenítheti azokat a kereséshez. HTML nélkül a böngésző nem képes szöveget elemekként megjeleníteni vagy képeket betölteni. A HTML alapszintű struktúrát is biztosít, ahol a lépcsőzetes stíluslapok egymás fölé kerülnek, hogy megjelenésüket módosítsák. A webhely egy olyan dokumentum, amelyet általában HTML-ben írnak és egy böngészőn keresztül fordítanak le. Az URL megadásával azonosíthat egy weboldalt. A statikus vagy dinamikus weboldal lehet. Statikus weboldalakat állíthatunk elő HTML használatával. Látni fogjuk az attribútumokat a HTML-ben, például dokumentumokat, címkéket, gombokat, listákat stb.
Az összes HTML dokumentumnak dokumentumtípussal kell kezdődnie:
A HTML dokumentum kezdődik és ezzel végződik. Az a rész, amelyet a weboldalon megjeleníteni akarunk, a HTML dokumentumban deklarálva van és között van. A HTML-ben a címsorok a
nak nek
címkéket. Hol
képviseli a legnagyobb irányt és
a legkisebb irányt képviseli.
Ez a h1-vel halad
Ez a h2-vel halad
Ez a h6-os irányba halad
képviseli a legnagyobb irányt és
a legkisebb irányt képviseli.
Ez a h1-vel halad
Ez a h2-vel halad
Ez a h6-os irányba halad
Ez a h1-vel halad
Ez a h2-vel halad
Ez a h6-os irányba halad
A HTML hivatkozásokat a címke határozza meg
Példa
Ez egy link az eduba weboldalához
A HTML-ben a képeket a címke.
A képek szerkesztésének attribútumai a következők
- A forrásfájl (src)
- alternatív szöveg (alt)
- szélesség
- magasság
Példa
Láthatja ezt a kis példát a Html-kód kinézetéről
Hello Friends
Educba Blog
Hello Friends
Educba Blog
Hello Friends
Educba Blog
HTML első oldal
2. Java Script nyelv
A JavaScript egy programozási nyelv. Könnyű és leggyakrabban az internetes oldalak részeként használják, amelyek megvalósítása lehetővé teszi az ügyféloldali szkriptek kommunikációját és dinamikus webhelyek létrehozását. A JavaScriptet először LiveScript-nek hívták, de valószínűleg a Java által létrehozott lelkesedés miatt a Netscape megváltoztatta nevét JavaScript-re. A JavaScript először 1995-ben jelent meg a LiveScript névvel a Netscape 2.0-ban. A HyperText Közlekedési Protokollot, vagy a HTTP-t arra tervezték, hogy HTML szöveget továbbítson egy hálózaton keresztül megtekintés céljából, pontosan úgy, ahogy hívják. A HTML azonban teljesen statikus, és nem biztosítja a logika megvalósításának képességét. Ha a számítógép JavaScript-et futtat, a böngésző elválasztva van. A JavaScript homokozóját kiegészítő biztonsági intézkedésként használják olyan böngészők, mint a Chrome és az Edge. A JavaScript nem tud írni vagy olvasni merevlemezről vagy más számítógéphez csatlakoztatott tárolóeszközről.
Láthatja ezt a kis példát a JavaScript-kód kinézetéről.
Példa
Hello EDUCBA
Hello EDUCBA
Hello EDUCBA
Az EDUCBA fényesvé teheti a jövőjét.
Kattints ide!3. C ++ nyelv
A C ++ az egyik legjobb front-end programozási nyelv. A C ++ -ot a Bjarne Stroustrup fejlesztette ki. Ez a nyelv a C kiterjesztéséről is ismert, azaz a C ++ nyelv következő verziójára. A C ++ felhasználható többféle célra, például játékfejlesztéshez, alkalmazásfejlesztéshez, operációs rendszerhez, animációhoz stb. Ezt a nyelvet könnyű megtanulni. A C ++ ezen tulajdonsága népszerűvé teszi a piacon. A C ++ minden nyelv alapvető nyelve. A C ++ nyelv gazdag könyvtárakkal rendelkezik.
Példa
Program to display “Hello World”
#include
Using namespace std;
Int main()
(
Cout<<”Hello, World!”;
Return 0;
)
Példa csillagmintázat gyémánt alakú kinyomtatására
#include
using namespace std;
int main()
(
int n, s, i, j;
cout << "Enter number of rows: ";
cin >> n;
for(i = 0; i <= n; i++)
(
for(s = n; s > i; s--)
cout << " ";
for(j=0; j cout << "* ";
cout << "\n";
)
for(i = 1; i < n; i++)
(
for(s = 0; s < i; s++)
cout << " ";
for(j = n; j > i; j--)
cout << "* ";
// ending line after each row
cout << "\n";
)
return 0;
)#include
using namespace std;
int main()
(
int n, s, i, j;
cout << "Enter number of rows: ";
cin >> n;
for(i = 0; i <= n; i++)
(
for(s = n; s > i; s--)
cout << " ";
for(j=0; j cout << "* ";
cout << "\n";
)
for(i = 1; i < n; i++)
(
for(s = 0; s < i; s++)
cout << " ";
for(j = n; j > i; j--)
cout << "* ";
// ending line after each row
cout << "\n";
)
return 0;
)
4. CSS nyelv
A CSS a lépcsőzetes stíluslapokat jelenti. A CSS használatával szabályozhatja a szín, az oszlop méretét és a színes mintákat, a bekezdések közötti távolságot, a betűtípust, a háttérképeket vagy a színeket, az elrendezés kialakítását és a különböző eszközök megjelenítési variációit, képernyőméretét vagy egyéb effektusokat. A CSS egyszerűen megismerhető és megérthető, de a HTML dokumentumok bemutatását vezérli. A CSS rendszerint párosul HTML vagy XHTML jelölőnyelvekkel. Ha CSS-t használ, minden alkalommal nem kell HTML-címkejellemzőket írni. Egyszerűen írjon be egy CSS-címkeszabályt, és használja azt a címke összes eseményéhez. A kevesebb kód révén a letöltési idő gyorsabb. Egynél több eszköztípus esetében a stíluslapok lehetővé teszik a tartalom optimalizálását. A kézi eszközök, például a PDA-k, a mobiltelefonok vagy a nyomtatás különféle webes verziói ugyanazzal a HTML-dokumentummal jeleníthetők meg.
Láthatja ezt a kis példát a CSS-kód kinézetéről
Példa
.center (
text-align: center;
color: red;
)
EDUCBA
.center (
text-align: center;
color: red;
)
EDUCBA
.center (
text-align: center;
color: red;
)
EDUCBA
.center (
text-align: center;
color: red;
)
EDUCBA
Helló ott vagy?
Az elem használatával a CSS-szabályokat HTML-dokumentumba helyezheti. Ezt a címkét a… címkékbe helyezik. Az ezzel a szintaxissal meghatározott szabályokat a dokumentumban elérhető összes elemre alkalmazni kell.
A szintaxis a következő
body (
background-color: white;
)
h1 (
color: green;
margin-left: 30px;
)
Educba
body (
background-color: white;
)
h1 (
color: green;
margin-left: 30px;
)
Educba
body (
background-color: white;
)
h1 (
color: green;
margin-left: 30px;
)
Educba
body (
background-color: white;
)
h1 (
color: green;
margin-left: 30px;
)
Educba
Üdvözöljük az EDUCBA-n
Következtetés
Ebben a cikkben különféle típusú kezelői nyelveket láttunk szintaxisukkal és példáikkal együtt. Amely segít jobban megérteni, és sokkal kényelmesebb ezen témák áttekintésében.
Ajánlott cikkek
Ez egy útmutató a Front End nyelveihez. Itt megbeszéljük, mi a kezelőfelület nyelve? különféle típusú kezelőfelületek nyelvei és a mintakód. A további javasolt cikkeken keresztül további információkat is megtudhat -
- Kezelői interjú kérdései
- Mi a CSS?
- Végső Cheatsheet a C ++ programozási nyelvhez
- Mi a HTML