Hypertext-merkintäkieli (HTML) on käyttöliittymä, jota käytetään verkkosivuston suunnitteluun ja kehittämiseen. HTML on kaikkien kielten peruskieli staattisten tai dynaamisten verkkosivujen suunnittelussa. HTML: llä on monia toimintoja, joita tarvitaan suunnittelussa. Verkkosivu suunnitellaan tunnisteiden, kulmasulkeisiin kirjoitettujen komentojen avulla. HTML: n avulla käyttäjä voi luoda tai muokata tekstiä, kuvaa tai mitä tahansa muuta elementtiä, kuten mitä tahansa tekstieditoria, esimerkiksi Microsoft Wordia. HTML: n sisältö on teksti, kuva, väri, muotoilu jne. Suunnittelu on erittäin tärkeä osa, koska se vastaa tekstin koristamisesta. Tekstin kursivointi on yksi esimerkki tekstin suunnittelusta. Tämä elementti on tärkeä korostamaan tai herättämään käyttäjän huomiota. Jotkut esimerkit on korostettu tässä opetusohjelmassa.
Pakolliset perustiedot
HTML vaatii kaksi työkalua verkkosivuston suunnitteluun ja kehittämiseen. Yksi on tekstieditori, joka vaaditaan kirjoittamaan html -koodi siihen. Se voi olla mikä tahansa tekstieditori käyttöösi, esim. Muistilehtiö, muistilehtiö ++, ylevä, visuaalinen studio jne. Toinen on tietokoneesi selain, Google Chrome, Internet Explorer jne. Tässä artikkelissa olemme käyttäneet muistilehtiöitä ja Google chrome. Staattisen sivun suunnittelussa tarvitset HTML -koodia ja CSS -tyylitaulukon muotoilua. Jokaista niistä käytetään tässä oppaassa esimerkkien avulla.
HTML -muodossa
Kursivoidun tekstin rakenteen selittämiseksi ymmärrämme ensin html -koodin. Html -koodissa on kaksi osaa. Toinen on pääosa ja toinen kehossa. Sisällytämme otsikon pääosaan; tämä otsikon nimi on itse asiassa sivun otsikko. Sisäinen muotoilu tehdään myös pään kehon sisällä. Vaikka runko sisältää kaikki muut tekstiin, kuvaan ja väriin jne. Liittyvät tunnisteet, sen lisäksi, mitä haluat lisätä html -sivulle, kirjoitetaan html -koodin runko -osaan.
< html >
< pää >...</ pää >
< vartalo >….</ vartalo >
</ html >
Alla oleva kuva on HTML -mallikoodi. Näet, että otsikon nimi on kirjoitettu pääosan sisään. Samaan aikaan olemme lisänneet kappaleen html: n runkoon käyttämällä tagia
. sitten body- ja html -tunnisteet suljetaan.
Tämän näytteen tulos näkyy selaimessa. Näet, että otsikon nimi näkyy välilehden nimessä, jonka olemme ilmoittaneet html -koodin päähän.
HTML: ssä on avaus- ja sulkutunnisteet kaikille sen runkoon kirjoitetuille tunnisteille. Kun koodi on avattu, se on suljettava tekstin kirjoittamisen jälkeen. Tunniste on suljettu vinoviivalla. Koodi tallennetaan sitten muistiinpanotiedostoon. Yksi asia, joka on pidettävä mielessä, on se, että koodin tallennuksen aikana tekstieditorin tiedosto on tallennettava html -laajennuksella. Esimerkiksi sample.html. sitten näet, että tiedosto on tallennettu tähän tarkoitukseen käyttämäsi selaimen kuvakkeella.
Tämä oli html -suunnittelun tausta. Käytämme nyt yksinkertaista esimerkkiä tekstin kursivoimiseksi.
Esimerkki 1
Ota muistilehtiö ja kirjoita yksinkertainen html -koodi tässä oppaassa kuvatulla tavalla. Lisää kappaleeseen kaksi riviä runko -osaan. Tekstin kursivointi. Käytä tunnistetta kurssin alussa olevien sanojen alussa
< i > ……</ i >Tämä on tagi tekstin kursivoimiseksi. Kuten alla olevasta kuvasta näkyy, on avausmerkki kirjoitettu alussa ja on sulkeva tunniste. Sulje runko ja html.
Tallenna tiedosto ja suorita selaimessa nähdäksesi tiedoston tulos.
Tuloksesta voit huomata, että lause, jonka olemme tehneet kursiivilla koodissa, on kursivoidussa muodossa, kun taas ensimmäinen virke esiintyi normaalissa muodossa.
Esimerkki 2
Tässä esimerkissä teemme tietyn sanan kursiivilla tekstin koko lauseen sijasta. avaus- ja sulkumerkintöjä käytetään koko kappaleessa, missä tahansa haluamme tehdä tekstistä kursiivin lauseessa.
Tallenna tiedosto uudelleen ja suorita se selaimessa. Näet, että jokin tietty osa tekstistä on kursivoidussa muodossa, jonka haluamme tehdä kursiivilla koodissa.
Esimerkki 3
Käytön lisäksi tunniste tekstissä, on olemassa toinen tapa tehdä tekstistä kursivoitu muoto. Tämä on tapa korostaa jotakin tekstin osaa. Tässä tunnisteessa on myös avaus- ja sulkutunnisteet. Sitä varten käytetty syntaksi on;
< sisään >….</ sisään >Teksti kirjoitetaan kahden tunnisteen väliin; tässä esimerkissä olemme käyttäneet tätä tagia kaksi kertaa kappaleessa. Katsotaan alla olevan kuvan koodia.
Molemmissa lauseissa olemme käyttäneet kerran kappaleessa. Tulos saadaan suorittamalla html -tiedosto selainmuodossa.
Esimerkki 4
Tässä esimerkissä olemme käyttäneet toista lähestymistapaa sanojen esittämiseksi kursiivilla. Se tarkoittaa tekstin käyttöä. Tässä esimerkissä olemme lisänneet tämän tunnisteen koko html -tekstiosaan kirjoitettuun tekstiin.
< Lainaus > ……</ lainata > 
Kun olet sulkenut kaikki tunnisteet, suorita tiedosto selaimessa.
Esimerkki 5
Tähän asti olemme keskustelleet tekstin inline -tyylistä. Kursivoidun tekstin tekeminen viittaa myös tekstin muotoiluun ja suunnitteluun. Muotoilua on kolme tyyppiä. Yksi on inline, toinen on sisäinen ja kolmas on ulkoinen. Sisäinen muotoilu tehdään tunnisteessa. Sisäinen on kirjoitettu pään runkoon. Ja ulkoinen muotoilu tehdään toisessa tiedostossa, jonka laajennus on .css.
Tämä on esimerkki upotetuista css -tiedostoista; täällä olemme kirjoittaneet koodin kappaleen tageihin. Olemme julistaneet tyylilausuman fontti-tyyliin kursiiviksi. Tämä lausunto on kirjoitettu tagin sisään, joten sillä ei ole sulkutunnistetta, kuten yllä olevasta kuvasta näkyy. Sulje nyt kaikki tunnisteet ja suorita ne selaimessa. Se näyttää samat tulokset kuin olemme toivoneet.
< s tyyli=tehdä-tyyli: kursivoitu;> 
Esimerkki 6
Lisäyksen jälkeen lisäämme nyt esimerkin sisäisestä muotoilusta. Tässä luokka lisätään pääosan sisään. Tämän jälkeen luokan nimi julkaistaan html -tekstin kappaletunnisteen sisällä. Jotta se olisi helposti saatavilla.
< pää >< tyyli >
.to{
Tehdä-tyyli: kursivoitu;
}
</ tyyli ></ pää >
Näet, että luokka alustetaan pisteellä. Koodissa on kaksi kappaletta; olemme soveltaneet tätä muotoilua yhteen niistä. Joten se on hyödyllistä, kun haluamme muotoilla yhden kappaleen.
Kappaleen sisällä oleva luokkailmoitus on;
< s luokka=a>< s luokka=''>
Tämä pääsee luokkaan päähän. Katso nyt lähtö. Huomaat, että yksi kappaleista on kursivoitu.
Johtopäätös
Tämä artikkeli edustaa tekstin muotoilua kursiivilla. Tekstin suunnittelu on olennainen osa verkkosivun suunnittelua.