Mikä on käyttöliittymän kieli?
Käyttöliittymä on osa verkkosivustoa, jonka voit heti nähdä ja kommunikoida järjestelmän taustakapasiteetin hankkimiseksi, mikä tarkoittaa, että käyttäjä voi nähdä ja kokea kaiken. Verkkosuunnittelijan rooli on vuosien varrella muuttunut dramaattisesti, mutta sen ydintoiminnot pysyvät ennallaan. Frontend käsittelee kaikkia verkkosivustolla näkemiäsi vihelmiä ja kelloja, mukaan lukien värikkäitä valokuvia, navigointivalikkoja, välkkyviä painikkeita jne. Frontendia kutsutaan myös ”asiakaspuoleksi”, koska tämä toiminto tapahtuu käyttäjän asiakaspuolella. tässä tapauksessa. Web-kehittäjä ei käsittele koodia. Todellisuudessa se kattaa kaikki verkkosivustojen suunnittelun ja suunnittelun näkökohdat, jotka ovat visuaalisesti houkuttelevia ja käyttäjäystävällisiä. Käyttöliittymäkehittäjän tehtävänä on luoda käyttäjäympäristö yhdistämällä erilaisia työkaluja, kuten JavaScript, HyperText-merkintäkieli ja CSS.
Nyt siirrymme eteenpäin käyttöliittymän kielen kanssa
Erityyppiset käyttöliittymän kielet
Seuraavat ovat käyttöliittymän erityyppiset kielet, jotka ovat seuraavat:
1. HTML-kieli
Hypertekstin merkintäkieltä kutsuttiin yleensä HTML: ksi. HTML-koodia käytetään digitaalisten tietueiden luomiseen Internetissä. Jokaisella sivulla on joukko linkkejä muihin verkkosivustoihin. Jokainen Internetissä katsomasi verkkosivu julkaistaan yhdellä tai toisella HTML-varianttina. HTML-koodi varmistaa, että kuvat ja teksti on muotoiltu oikein, jotta Internet-selaimesi voi näyttää ne etsittävissä. Ilman HTML: tä selain ei pysty näyttämään tekstiä kohteina tai lataamaan kuvia. HTML tarjoaa myös perussivurakenteen, jossa CSS-tyylisivut asetetaan päällekkäin muuttamaan niiden ulkonäköä. Verkkosivusto on asiakirja, joka kirjoitetaan yleensä HTML-muodossa ja käännetään selaimen kautta. Antamalla URL-osoitteen voit tunnistaa verkkosivun. Staattinen tai dynaaminen verkkosivusto voi olla. Voimme luoda staattisia verkkosivuja HTML: n avulla. Näemme attribuutit HTML-muodossa, kuten asiakirjat, tunnisteet, painikkeet, luettelot jne.
Kaikkien HTML-asiakirjojen on alkava asiakirjatyyppiehdotuksella:
HTML-dokumentti alkaa ja loppuu. Se osa, jonka haluamme näyttää verkkosivustolla, julistetaan HTML-dokumentissa, on välillä ja. HTML: ssä otsikot määritetään käyttämällä
että
tunnisteita. Missä
edustaa suurinta otsikkoa ja
edustaa pienintä otsikkoa.
Tämä on menossa h1: llä
Tämä on menossa h2: lla
Tämä on menossa h6: lla
edustaa suurinta otsikkoa ja
edustaa pienintä otsikkoa.
Tämä on menossa h1: llä
Tämä on menossa h2: lla
Tämä on menossa h6: lla
Tämä on menossa h1: llä
Tämä on menossa h2: lla
Tämä on menossa h6: lla
HTML-linkit määritetään tunnisteella
esimerkki
Tämä on linkki eduban verkkosivustolle
HTML-muodossa kuvat määritetään tag.
Kuvien muokkaamiseen liittyvät attribuutit ovat seuraavat
- Lähde-tiedosto (src)
- vaihtoehtoinen teksti (alt)
- leveys
- korkeus
esimerkki
Voit nähdä tämän pienen esimerkin siitä, kuinka HTML-koodi näyttää
esimerkki
Hello Friends
Educba Blog
Hello Friends
Educba Blog
Hello Friends
Educba Blog
Hello Friends
Educba Blog
HTML-ensimmäinen sivu
2. Java-skriptin kieli
JavaScript on ohjelmointikieli. Se on kevyt ja sitä käytetään useimmiten osana verkkosivuja, joiden toteutukset mahdollistavat asiakaspuolen komentosarjojen kommunikoinnin ja dynaamisten verkkosivustojen luomisen. JavaScriptin nimi oli ensin LiveScript, mutta todennäköisesti Java-luomasta innostumisesta johtuen Netscape muutti nimensä JavaScriptinä. JavaScript ilmestyi ensimmäisen kerran vuonna 1995 LiveScript-nimellä Netscape 2.0: ssa. HyperText Transportation Protocol, tai HTTP, on suunniteltu lähettämään HTML-teksti verkon kautta katselua varten, aivan kuten sitä kutsutaan. Se on kuitenkin täysin staattinen HTML: n kanssa eikä anna mahdollisuutta toteuttaa logiikkaa. Jos tietokone käyttää JavaScriptiä, selain erotetaan. Selaimet, kuten Chrome ja Edge, käyttävät JavaScriptiä. JavaScript ei voi kirjoittaa tai lukea kiintolevyltä tai muista tietokoneeseen liitetyistä tallennuslaitteista.
Voit nähdä tämän pienen esimerkin siitä, kuinka JavaScript-koodi näyttää.
esimerkki
Hello EDUCBA
Hello EDUCBA
Hello EDUCBA
EDUCBA voi tehdä tulevaisuudesta kirkkaan.
Napsauta minua!3. C ++ -kieli
C ++ on yksi parhaimmista käyttöliittymän ohjelmointikieleistä. C ++ on kehittänyt Bjarne Stroustrup. Tämä kieli tunnetaan myös C: n laajennuksesta, ts. Seuraavasta C ++-kielen versiosta. C ++ käytetään moniin tarkoituksiin, kuten pelien kehittämiseen, sovellusten kehittämiseen, käyttöjärjestelmiin, animaatioihin jne. Tämä kieli on helppo oppia. Tämä C ++ -ominaisuus tekee siitä suositun markkinoilla. C ++ on kaikkien kielten peruskieli. C ++ -kielellä on runsaasti kirjastoja.
esimerkki
Program to display “Hello World”
#include
Using namespace std;
Int main()
(
Cout<<”Hello, World!”;
Return 0;
)
Esimerkki tähtikuvion tulostamisesta timantin muodossa
#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-kieli
CSS tarkoittaa CSS-tyylisivuja. Voit hallita CSS: n avulla värejä, sarakkeiden kokoa ja värimalleja, kappaleväliä, fonttityyliä, taustakuvia tai -värejä, asetteluesityksiä ja eri laitteiden näyttövaihtoehtoja, näytön kokoa tai muita efektejä. CSS on helppo tuntea ja ymmärtää, mutta se hallitsee HTML-asiakirjojen esittämistä. CSS yhdistetään yleensä HTML- tai XHTML-merkintäkielellä. Sinun ei tarvitse HTML-tunnisteominaisuuksia kirjoittaaksesi joka kerta, jos käytät CSS: tä. Kirjoita vain CSS-tag-sääntö ja käytä sitä kaikissa tunnistetapahtumissa. Koska vähemmän koodia, latausajat ovat nopeampia. Useamman kuin yhden laitetyylin tyylilevyt mahdollistavat sisällön optimoinnin. Eri kämmenlaitteiden verkkosivustoversioita, kuten PDA-laitteita, matkapuhelimia tai tulostusta varten, voidaan esittää samalla HTML-dokumentilla.
Voit nähdä tämän pienen esimerkin siitä, kuinka CSS-koodi näyttää
esimerkki
.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
Hei Oletko siellä?
Voit laittaa CSS-säännöt HTML-asiakirjaan elementin avulla. Tämä tunniste on sijoitettu… tunnisteiden sisään. Tämän syntaksin avulla määritettyjä sääntöjä sovelletaan kaikkiin asiakirjan käytettävissä oleviin elementteihin.
Syntaksi on seuraava
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
Tervetuloa EDUCBA: iin
johtopäätös
Tässä artikkelissa olemme nähneet erityyppisiä käyttöliittymäkieliä sekä niiden syntaksin ja esimerkkejä. Mikä auttaa sinua ymmärtämään paremmin ja on paljon mukavampaa käydä läpi nämä aiheet.
Suositellut artikkelit
Tämä on opas käyttöliittymän kielille. Tässä olemme keskustelleet, mikä on käyttöliittymän kielet? erityyppisiä käyttöliittymän kieliä ja näytekoodia. Voit myös käydä läpi muiden ehdotettujen artikkeleidemme saadaksesi lisätietoja -
- Etukäteen kehittäjien haastattelua koskevat kysymykset
- Mikä on CSS?
- Ultimate Cheatsheet C ++ -ohjelmointikielelle
- Mikä on HTML