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

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

Példa

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

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

Ü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 -

  1. Kezelői interjú kérdései
  2. Mi a CSS?
  3. Végső Cheatsheet a C ++ programozási nyelvhez
  4. Mi a HTML

Kategória:

Webfejlesztő eszközök