Vi studerer tekstinnrykk i html. Hvordan endre avstanden mellom tekstavsnitt? Hvilken kode definerer et avsnitt?
Den røde html-linjen kan settes på 4 forskjellige måter. Selv om dette programmeringsspråket ikke gir spesifikke standarder for dette fenomenet, er det ingen begrensninger i denne forbindelse. I denne artikkelen vil vi bruke et ikke-standard sett med verktøy for å lage en rød linje.
1. metode
Det er verdt å starte med den vanligste metoden. Bare i dette tilfellet er det nødvendig å bruke overlappende tabeller, fordi CSS er uløselig knyttet til hypertekst-markeringsspråk. Den røde html-linjen kan settes ved å bruke egenskapen "text-indent". Det er nok å indikere ønsket element og avstanden som skal brukes til innrykk på venstre side av dokumentet. For eksempel, å skrive: "p (tekst-innrykk: 20px;)" betyr at det lages en rød linje på 20 piksler i hvert avsnitt s. Du kan bruke hvilken som helst tekstblokk som elementet du angir verdien for. Denne egenskapen angir faktisk ikke den røde linjen, men indikerer ganske enkelt innrykk for den første linjen i det valgte elementet. Men hvem vil merke forskjellen? Egenskapen "text-indent" kan ha tre forskjellige typer verdier:
- Enhver generelt akseptert måleenhet, for eksempel px (piksler), in (tommer), pt (poeng) og andre.
- Prosentverdi. I dette tilfellet tas avstanden fra det overordnede elementet i betraktning.
- Arve. Når denne verdien er spesifisert, vil egenskapen arves fra det overordnede elementet.
2. metode
I html kan den røde linjen settes uten å koble sammen kaskadetabeller. Det er nok å sette flere mellomrom før det første tegnet i sidens kildekode. Du trenger bare å bruke spesialtegn, nemlig " ", fordi hvis du legger inn et vanlig mellomrom, vil bare ett bli tatt i betraktning. Og ved å bruke dette symbolet kan du stille inn ønsket innrykk. En slik rød HTML-linje vil ikke ha global applikasjon, og du må legge til alle mellomrommene manuelt. Dette minuset vil belaste deg mye når du arbeider med et stort antall dokumenter. Denne metoden vil også erklære sidekoden din ugyldig.
3. metode
Konklusjon
Som en konklusjon kan vi si at html sammen med CSS lar deg lage en lang rekke effekter. Noen ganger brukes ikke egenskaper og elementer til det tiltenkte formålet, men du bør ikke avvike for mye fra standardbetydningen av tagger.
Som regel er tekstblokker atskilt med avsnitt (avsnitt). Som standard er det et lite vertikalt mellomrom mellom avsnitt, kalt et mellomrom. Syntaksen for å lage avsnitt er som følger.
Paragraf 1
Paragraf 2
Hvert avsnitt begynner med en kode
Og avsluttes med en valgfri lukkebrikke
.I enhver bok brukes den første linjeinnrykk, også kalt den "røde linjen", for å markere neste avsnitt. Dette gjør at leseren enkelt kan se etter en ny linje og øker dermed lesbarheten til teksten. På en nettside brukes vanligvis ikke denne teknikken, men utfylling brukes til å skille avsnitt.
Eksempel 7.1 viser bruken av avsnitt for å lage innrykk mellom linjer.
Eksempel 7.1. Bruke avsnitt
Noen steder er det fortsatt februar, andre steder er det allerede april.
Tiden går, evig telling: år etter år, århundre etter århundre...
I alt - det rolige tempoet hans, den beksvarte løpingen.
Det er tjuefem uker med glede og sorg i løpet av et år.
Jeg er tjuefem uker inn i februar, og tjuefem uker inn i april.
I tjuefem uker går århundrer inn i tåken.
Min klangfulle farse flyr et sted mot skyene.
M. Shcherbakov
Resultatet av dette eksemplet er vist i fig. 7.1.
Ris. 7.1. Innrykk på en nettside ved bruk av avsnitt
Som det fremgår av figuren, når du bruker taggen
Det er for mange mellomrom mellom avsnitt. Du kan bli kvitt dem hvis du legger til en kode ved linjeskift:
. I motsetning til et avsnitt, en linjeskift-tag
oppretter ikke flere vertikale mellomrom mellom linjene og kan brukes i nesten hvilken som helst tekst.
Dermed vil teksten i eksempel 7.1, tatt i betraktning linjeskift, transformeres som følger (eksempel 7.2).
Eksempel 7.2. stikkord
Mandeltrær blomstrer i noen hager, mens snøstormer blåser i andre.
Noen steder er det fortsatt februar, andre steder er det allerede april.
Tiden går, evig telling: år etter år, århundre etter århundre...
I alt - det rolige tempoet hans, den beksvarte løpingen.
Det er tjuefem uker med glede og sorg i løpet av et år.
Jeg er tjuefem uker inn i februar, og tjuefem uker inn i april.
I tjuefem uker går århundrer inn i tåken.
Min klangfulle farse flyr et sted mot skyene.
M. Shcherbakov
Resultatet av eksemplet er vist i fig. 7.2. Det kan sees at avstanden mellom tekstlinjene har blitt mindre og den har fått et mer kompakt utseende.
Tagger som definerer avsnitt, mellomrom, HTML-blokk og avsnitt
La oss se på det i detalj HTML-blokker og avsnitt som elementer på en nettside.
- HTML-avsnitt definert av tagger.
- HTML-avsnitt inneholder vanligvis tekst, formateringskoder og bilder.
- HTML-avsnitt kan ikke inneholde blokkelementer som overskrifter
- , blokk
- HTML-blokk definert av tagger
- HTML-blokk kan inneholde alle elementer på en nettside, i hvilken som helst mengde.
- HTML-blokker Flott for nettsider og lett å manipulere.
Tenk på koden nedenfor:
Resultat:
Det kan vi se HTML-avsnitt ha vertikale innrykk - dette er en funksjon av tagger. HTML-blokker
Tagger kan ikke inneholde andre eller
Tagger og , i prinsippet, er det samme, men W3C-konsortiet anbefaler å bruke små bokstaver. I den nye versjonen av HTML, som i moderne XHTML, er bruk av store bokstaver når du skriver tagger forbudt.
Blokkere
HTML-mellomrom fra spesialtegntabell
HTML-mellomrom lar deg øke avstanden mellom ord og tegn.
Når det gjelder mellomrommene mellom ordene, uansett hvor mange det er i Notisblokk, det vil si i kildekoden, vil bare ett bli vist på nettsiden. Hvis du trenger å øke avstanden, bruk mellomromstegnet fra symboltabellen. Du kan spørre: Hvorfor trengs disse kodede betydningene av vanlige tegn? – Jeg skal svare: De trengs for å vise for eksempel slike parenteser< >. Med andre ord, for å vise tagger på skjermen, skriver jeg i redigeringsprogrammet mitt: . Tagger
, som vi husker, konverter teksten til monospace (maskinskrevet).
Måter å vise et HTML-avsnitt på
Eksempler på avsnittsutdata.
For å gi den en spesifikk stil, må du plassere teksten i riktig beholder.
Alle formateringskoder kan deles inn i tre grupper:
1. Tittelkoder ( h1-h6).
2. Brødtekstdesignkoder (
,
,
,
,
etc.).
3. Gruppering av tagger (
,
,
)
Tittelkoder
De gjør vanlig tekst til en overskrift på et visst nivå. stikkord
oppretter en overskrift på første nivå - den største og viktigste (vanligvis tittelen på artikkelen på siden),
er ansvarlig for overskriften på sjette nivå - den minste og mest usynlige. Disse taggene er viktige for både brukere og søkemotorer – begge elsker overskrifter med underoverskrifter. Hierarkiet av nivåer må overholdes, det vil si
må gå
, og ikke omvendt.
For å forstå hvordan dette fungerer, skriv inn følgende kode i html-filen:
Topptekst på første nivå
Overskrift på andre nivå
Overskrift på tredje nivå
Overskrift på fjerde nivå
Nivå 5 overskrift
Nivå seks overskrift
Det vil se slik ut i nettleseren:
Brødtekstdesignetiketter
Tillater formatering på tegnnivå. La oss se på hva du kan gjøre med dem.
Fet skrift
Trenger å fokusere oppmerksomheten på teksten. Det er også viktig for søkemotorer, de kan fremheve søkeord.
Ansvarlig for dristige stilmerker Og .
Superscript og subscript
De kan brukes i formler, ligninger og betegnelse av visse mengder.
Taggen er ansvarlig for å lage abonnementer , for de øverste brukes taggen .
X 1=32 m 2
Nedbemanning
Hvis du trenger å gjøre teksten en mindre enn den angitte verdien på hele siden, må du bruke taggen
Ren tekst. Redusert tekst.
Understrek
Denne typen utheving kan brukes til å indikere endringer som er gjort i et dokument eller rett og slett for å trekke oppmerksomhet til teksten.
Ren tekst. Understreket tekst.
Gjennomstreking
Du kan krysse ut informasjon hvis den allerede har mistet sin relevans. Dette er taggen for dette
.
Kursiv
Det er nødvendig for å fokusere oppmerksomheten på teksten, og kan lages med en tag eller .
Datamaskininntasting av tekst
Det hender at du må legge til kildekoden til et program og resultatene av arbeidet på en nettside. For å gjøre det enkelt å visuelt skille forskjellige deler av teksten fra hverandre, introduserte HTML-utviklere tagger for denne gruppen.
Inn i container
inneholder programkoden, og dens variabler er uthevet med taggen
, og resultatet av utførelse er
. Container
inneholder tekst som brukeren må skrive inn fra tastaturet når han arbeider med programmet, og alt som ligger inne i tagger
, bevarer det opprinnelige formatet, inkludert ekstra mellomrom og linjeskift.
Dermed
a, b, c, Her resultat av programkjøring , og dette er bruker skrev inn tekst viste noe slikt
.
Sitater og definisjoner
Programkoden vil se ut
Dermed
, er variablene utpekt som følger:
a, b, c
, Her
resultat av programkjøring
, og dette er
bruker skrev inn tekst
. Behold originalformateringen
viste noe slikt
.
Sitat i blockquote-taggen.Sitat inne i citer container.
Kort sitat merket q.
Generelt eksempel
For bedre å forstå hva hver tag er ansvarlig for og hvordan den fungerer, se på følgende kode og resultatet av dens utførelse.
Fet tekst kan gjøres til tagger sterk Og b. Bak kursiv svar em Og Jeg.
Tagger under Og sup brukes til å skape Nedre(x 1…x n) Og øverste (42=16) indekser. Del krysser ut, ins - legger vekt på.
Tagger kode
, kbd, var Og prøve brukes sjelden og er nødvendig for å vise programoversikter
abbr nødvendig for å indikere forkortelser ( HTML). Blockquote, cite og q-taggene brukes til å formatere sitater ( Himmelen pustet allerede om høsten
)
Pre-taggen bevarer den opprinnelige tekstformateringen uten å fjerne mellomrom eller linjeskift.
Nettleseren tolker denne koden som følger:
Gruppering av tagger
Det er nødvendig at teksten ikke flyter i én sammenhengende linje, men brytes inn i logiske komponenter.
- Inne i kodene er det et avsnitt.
Første ledd
Andre ledd
- stikkord
flytter til neste linje i et avsnitt (det blir ingen innrykk før linjen).
lar deg tegne en horisontal linje. Du kan bruke den til å skille tekst tydeligere. Attributter bredde, størrelse, farge, tilpasse Og noshade angi henholdsvis bredde, tykkelse, farge, justering og mangel på 3D-effekt for linjen.
Linje over linje.
Linje under linje.
"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo do a consequat repeterate. "Velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." Paragraf 1.10.32 "de Finibus Bonorum et Malorum", skrevet av Cicero i 45 e.Kr. "Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunte ut minima magnam en doquaim venata. , quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Engelsk oversettelse 1914, H. Rackham "Men jeg må forklare deg hvordan all denne feilaktige ideen om å fordømme nytelse og prise smerte ble født, og jeg vil gi deg en fullstendig beskrivelse av systemet, og forklare den faktiske læren til den store oppdageren av sannheten, mesterbyggeren av menneskelig lykke. Ingen avviser, misliker eller unngår selve nytelsen, fordi det er nytelse, men fordi de som ikke vet hvordan de skal forfølge nytelse rasjonelt møter konsekvenser som er ekstremt smertefulle. Det er heller ikke igjen der alle som elsker eller forfølger eller ønsker å få smerte av seg selv, fordi det er smerte, men fordi det av og til oppstår omstendigheter der olje og smerte kan gi ham stor glede. For å ta et trivielt eksempel, hvem av oss som noen gang utfører møysommelig fysisk trening , bortsett fra å få noen fordeler av det? Men hvem har rett til å finne feil med en mann som velger å nyte en nytelse som ikke har noen irriterende konsekvenser, eller en som unngår en smerte som ikke gir noen resulterende nytelse?" Paragraf 1.10.33 "de Finibus Bonorum et Malorum", skrevet av Cicero i 45 e.Kr. "At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui offizia deserunt, et moliticia deserunt. rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. t "ut et voluptates repudiandae sint et molestiae non recusandae. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat." Engelsk oversettelse 1914, H. Rackham "På den annen side fordømmer vi med rettferdig indignasjon og misliker menn som er så forvirret og demoraliserte av øyeblikkets glede, så blendet av begjær, at de ikke kan forutse smerten og vanskelighetene som er nødt til å følge, og lik skyld tilhører de som svikter sin plikt på grunn av svakhet i viljen, som er det samme som å si gjennom å krympe fra slit og smerte. Disse tilfellene er helt enkle og lette å skille mellom. I en ledig time, når vår valgmulighet er uhindret, og når ingenting hindrer oss i å kunne gjøre det vi liker best, skal enhver glede ønskes velkommen og enhver smerte unngås. Men under visse omstendigheter og på grunn av krav om plikt eller forpliktelser i virksomheten vil det ofte skje at nytelser må avvises og irritasjoner aksepteres. Den kloke mannen holder derfor alltid i disse sakene til dette utvelgelsesprinsippet: han avviser nytelser for å sikre andre større nytelser, ellers tåler han smerter for å unngå verre smerter."
- Se et kart over Kina på russisk
- Online satellittkart over verden fra Google
- Koble til Internett på en bærbar datamaskin: alle mulige metoder
- Koble til Internett på en bærbar datamaskin: alle mulige metoder
- Online satellittkart over verden fra Google
- Hvordan fjerne adware-virus på datamaskinen
- Trinn-for-trinn guide - hvordan du kobler til en datamaskin hvor som helst i verden gratis