Html-koodi lainaukselle. Pystysuora viiva vasemmalla
Terveisiä. Tässä opetusohjelmassa haluan opettaa sinulle kuinka muuttaa lainausmerkkien ulkoasua wordpressissä. Aluksi selvitetään, mitä lainauksia tekstissä on.
Lainauskonsepti wordpressissä
Joidenkin artikkelin tärkeiden tekstien korostamiseksi WordPressissä on niin hieno asia kuin lainaukset (ei ne, joita analysoitiin). Työkalupalkissa tämä painike näyttää tältä.
Kaikki osaavat käyttää sitä - hiiren vasen painike ympyröi tekstin, jonka haluamme korostaa, ja paina tätä painiketta. Itse asiassa nyt näet tämän tekstin lainausten suunnittelussa.
Kaikki mallit ovat erilaisia, ja vastaavasti lainausten suunnittelu on erilainen. Joissakin tapauksissa se ei ole ollenkaan kaunis, ja jota haluat muuttaa. Sitten opin korjaamaan sen.
Aloitamme työt.
Varoitan, että työskentelemme CSS:n kaltaisen kielen kanssa. Tärkeintä on ymmärtää koko periaate, mitä tapahtuu, ja sitten se ei ole vaikeaa.
Löydämme tiedoston ja halutun tyylin.
Sinun on löydettävä style.css-tiedosto aktiivisesta teemasta. Tätä varten siirrymme ulkoasuun ja sitten editori, löydämme style.css. Seuraava askel on löytää tyyli lohkolainaus. Katsomme kaikkien kuvassa olevien toimintojen järjestystä.
Itse style.css-tiedoston polku
Hakupyyntö. Haku avataan painamalla CNTRL + F ja liitä sitten kysely.
Löytyi koodirivit, niitä tarvitaan.
Muutamme suunnittelua.
Sinun on ymmärrettävä, mitä tarkalleen haluat nähdä. Suosittelen, ettet keksi mitään kuvia ja muuta vastaavaa. Maksimi mitä voidaan tehdä
Vaihda taustakuva.
Fontin koko ja muotoilu.
Kehys (kiinteä, katkonainen, pisteet) voi olla toisella puolella tai molemmilla.
Ei kuvia ja muuta vastaavaa, muuten se on, et tarvitse tarpeettomia ongelmia. Tarjoan sinulle vakiosarjan.
Aivohalvaus, tein vain vasemmalle, jos haluat, voit tehdä sen joka puolelta tai kahdelta.
Block varjo.
Sisennys, jotta koko lohko ei tartu artikkelin tekstiin.
Fonttikoko ja sen omistajuus.
Fonttityyli, tein kursivoitun.
Fontin väri.
Tekstin varjo.
Sulkeva aaltosulkeen tyyli.
CSS-kieli on erittäin yksinkertainen ja intuitiivinen, voit lukea rivit ja ymmärtää kaiken itse. Voit lisätä, päinvastoin, poistaa, mutta toistan, älä lisää kuvia, koska se on mukautus. Jos sinulla on tietoa, laita hakemus tai kysy kommenteissa.
Toinen tapa on käyttää laajennusta lainausten muotoiluun WordPress-blogissa
Kaikesta runsaudesta pidin yhdestä, tämä WP-NOTE on yksinkertainen eikä raskas. Se asennetaan hallintapaneelista etsimällä laajennuksia.
Nyt opetellaan käyttämään sitä.
Siinä on 5 suunnitteluvaihtoehtoa eri tilanteisiin. Ensin kerron kuinka se kirjoitetaan. Artikkelia kirjoitettaessa korostettava teksti on suljettava erityisiin tageihin, näytän sen esimerkillä [ huomautus ], katso kuvakaappaus.
Selvästi näytän kaikki tunnisteet ja niiden transkriptit.
Käytä terveyteen. En käytä tätä laajennusta, blockquote vastaa kaikkeen puolestani, ja se on mukava ja kevyt laajennus.
Lainausmerkkien luomiseen HTML:ssä käytetään kahta elementtiä: block element <Ыockquote>
ja sisäinen elementti . Tag <Ыockquote>
käytetään näyttämään pitkiä lainausmerkkejä, jotka kattavat koko kappaleen ja näyttävät sen sisennettynä vasemmasta ja oikeasta reunasta. Tämän tunnisteen avulla voit sijoittaa tekstiä tiiviisti sivun keskelle. Se voi sisältää muita tekstin muotoiluelementtejä.
Elementti käytetään lyhyisiin lainausmerkkeihin, jotka ovat osa nykyistä kappaletta. Yleensä selaimet käärivät elementin sisällön lainausmerkeissä. Normaalisti lainaus ei sisällä rivinvaihtoja, ja lainausta pidetään tekstitason elementtinä.
Molemmilla elementeillä voi olla attribuutti CITE, jonka arvo on lainatun fragmentin URL-osoite.
Esimerkki: pitkät ja lyhyet lainaukset
Kokeile itse"
voidaan helposti määrittää pystysuoralla luotiviivalla.
Kuten A. A. Milne sanoi, jotkut ihmiset puhuvat eläimille.
Zeniitti on tarkkailijalle taivaan korkein kohta. pystysuunnassa, mikä, kuten tiedetään, voidaan helposti määrittää pystysuoralla luotiviivalla.
Kuten A. A. Milne sanoi, jotkut ihmiset puhuvat eläimille.
Tag
Lyhenne on lyhenne sanoista, jotka on hyväksytty kirjallisesti tai sana, joka koostuu useista muiden sanojen osista (yliopisto, tutkimuslaitos, toimeenpaneva komitea jne.). Kun käytät tekstissä mitä tahansa lyhennettä, käytä tunnistetta . "Title"-attribuutin avulla voit määrittää työkaluvihjeen lyhenteen dekoodauksella. Samaan aikaan hakurobotit indeksoivat täsmälleen "title"-attribuutissa määritellyn transkription täyden version. Lyhenteiden erottamiseksi tavallisesta tekstistä ne on alleviivattu katkoviivalla.
Esimerkki: Lyhenne
Kokeile itse"
NASA tekee uskomattomia avaruuskokeita.
esim. Stephen Hawking on teoreettinen fyysikko ja kosmologi.
NАSА!} isännöi uskomattomia avaruuskokeet.
esim. Stephen Hawking on teoreettinen fyysikko ja kosmologi.
Tag
Tag käytetään ilmoittamaan yhteystiedot, osoitteet ja puhelinnumerot. Se voi sisältää postiosoitteen sekä sähköpostiosoitteen tai puhelinnumeron. Useimmat selaimet näyttävät elementin sisällön kursivoitu fontti.
Esimerkki: Osoite
Kokeile itse"
HTML opetusohjelma Belyi Maksim Maksimovich Northwestern Institute of Technology Teplogorskin osavaltion teknillinen ja suunnitteluyliopisto [sähköposti suojattu]
tunnisteet ja
Tag käytetään viitattaessa johonkin ensisijaiseen lähteeseen, kuten kirjaan, verkkosivustoon tai akateemiseen teokseen, osoittamaan viitattu lähde. Käytetään usein bibliografiassa, kun viitataan tekijänoikeuksiin tai mainitaan resurssin omistajan nimi. Selaimet näyttävät elementin sisällön kursivoitu fontti.
Tag käytetään ilmaisemaan jonkin uuden termin määritelmää. Uuden termin (tieteellisen käsitteen tai suppean profiilin nimen) selitystä tekstissä kutsutaan "määritelmäksi". Elementti voidaan käyttää, jos uusi termi esiintyy tekstissä ensimmäistä kertaa ja sen määritelmä annetaan välittömästi. Selain näyttää tällaisen tekstin kursiivilla.
Esimerkki: Lähteet ja määritelmät
Kokeile itse"
Stephen Hopkinsin Red Dragonin katsominen.
Kappaleen liikemäärä on vektorisuure, sen vektorin suunta on sama nopeussuunnan kanssa
Pelkästään ensimmäisen kuukauden aikana myytiin yli kymmenen tuhatta lippua katsomaan elokuvaa punainen lohikäärme Stephen Hopkins.
kehon vauhtia on vektorisuure, sen vektorin suunta on sama nopeussuunnan kanssa
Tag
Tag ohjaa näytettävän tekstin suuntaa. Siinä on pakollinen dir-attribuutti, joka ottaa arvot ltr (vasemmalta oikealle) ja rtl (oikealta vasemmalle).
Esimerkki: Tekstin suunta
Kokeile itse"
Jos selaimesi tukee kaksisuuntaista algoritmia (bdo), seuraava rivi kirjoitetaan oikealta vasemmalle (rtl)
Tämä teksti on kirjoitettu oikealta vasemmalle.
Tehtävät
Viimeinen tehtävä
Tällä oppitunnilla tutustuit joihinkin loogisempiin muotoiluelementteihin, jotka eivät määritä tekstin ulkonäköä, vaan sen tyyppiä ja riippuen siitä, mikä selain käyttää jonkinlaista ulkoista muotoilua. Kaikki edellä käsitellyt elementit ovat säiliöitä ja vaativat sulkevan tunnisteen. Jotkut näistä elementeistä eivät välttämättä muuta tekstin ulkonäköä ollenkaan, joten tässä keskityttiin siihen, miten ne määrittelevät tekstin merkityksen sen sijaan, miten ne muotoilevat sen.
On aika tarkistaa, mitä olet oppinut, ja suorittaa neljä yksinkertaista tehtävää:
Lyhyt lainaus
Päätä itse »
Lisää lainausmerkit sanan "teoria" ympärille HTML-loogisella funktiolla.
Lyhyt lainaus
Teoria ennustaa uusia ilmiöitä ja uusia lakeja.
Lyhyt lainaus
Teoria ennustaa uusia ilmiöitä ja uusia lakeja.
pitkä lainaus
Päätä itse »
Laita seuraava teksti elementin sisään, joka tekee siitä vasemmalle sisennetyn lainauksen. Määritä sen resurssin URL-osoite, josta tämä lainaus tulee: "http://www.world.org".
pitkä lainaus
Liikkeen nopeuden ja suunnan ominaisuus on fyysinen suure - nopeus.
Elementin määritelmää on muutettu
ja . Artikkelissa kerrotaan, mitä tämä tarkoittaa kehittäjille.
Määritelmän muutokset
Elementti
edustaa sisältöä, joka on lainaus toisesta lähteestä, mahdollisesti, mukaan lukien maininta tästä lähteestä, joka pitäisi olla sijoitettu elementtien sisään