Hoofdletter in html en css

Hoofdletter, overeenkomstig de definitie - is een element van de tekst, die in omvang toegenomen ten opzichte van kleine letters. Vrijwel alle geactiveerde talen het starten van een zin. Een ontwerp van het begin van de paragraaf zijn in hoofdletters maakt het mogelijk om de tekst te structureren en vergemakkelijkt de perceptie ervan. Als het wordt uitgevoerd internet pagina, kan de tekst geschreven worden in overeenstemming met de voorkeuren van de auteur en de regels van de Russische taal. Ook kan het ontwerp worden "geautomatiseerd" door bepaalde "commando's" om het bestand uitbreiding van de css - style sheet - of toe te voegen aan uw HTML-bestand sectie stijl. CSS meestal studeerde verder met html, om snel een aantal elementen van het ontwerp te veranderen in een keer in de gehele tekst. Dit geldt vooral als de website heeft honderden pagina's, en de veranderingen op elk van hen is zeer tijdrovend proces te maken.

Als je css gebruikt, kunnen hoofdletters aan het begin van elke paragraaf verschijnen in een speciale manier. Bijvoorbeeld, geïntroduceerd in html zonder de haakjes volgende code maakt het mogelijk om tekst, tekent de tag "p", om een hoofdletter te maken - de eerste letter - grotere - 220% van de standaard maat, geel - de waarde van kleur is gelijk aan geel en schrijf haar brieven, anders dan de rest van de tekst - Georgia tegen batangche.

(<) Stijl (>)

p {font-family: batangche; font-size: 93%;}

p: first-letter {font-family: Georgia; font-size: 220%; kleur: geel;}

(<) / Stijl (>)

Mooie caps zijn beschikbaar als je je eigen lettertype in de vorm van foto's te maken - voor elke letter van een afzonderlijke afbeelding, bijvoorbeeld, in de oude of de gotische stijl. Ze kunnen trekken in een grafische editor. Daarna, in de gewenste locaties om een hoofdletter te plaatsen, kun je code in te voegen zonder haakjes (<) img src = http: // site / article / 74.218 /% E2% 80% 9D% D1% 81% D1% 81% D1% 8B% D0 % BB% D0% BA% D0% B0 naar de plaats waar de foto "(>) ligt. Aanvullende kenmerken Img tag wordt hoog en breedte - de breedte en hoogte van het beeld, dat kan worden ingesteld in pixels voor de harmonieuze combinatie met de rest van de tekst. Bijvoorbeeld: (<) img src = http: // site / article / 74218 /% E2% 80% 9D% D1% 81% D1% 81% D1% 8B% D0% BB% D0% BA% D0% B0 plaats waarbij het beeld "heigh = 12 px width = 6 px (>). De haakjes rond de verwijderen.

Als u niet in staat om het alfabet te tekenen, kan hoofdletter worden uitgegeven met behulp van de fonts zijn uitgevoerd in vrije toegang tot de "Gugle" (lettertypen ') of andere zoekmachines en sites vastgelegd. Om dit te doen, geven de bovenstaande code als volgt:

(<) Stijl (>)

p {font-family: batangche; font-size: 93%;}

p: first-letter {font-family: Kelly + Slab; font-size: 220%; color: blue;}

(<) / Stijl (>)

Een tag "head" naar een link zonder haakjes vermelde "Verbinding", waarna de familie geeft het gekozen lettertype vervangen worden bovendien ook de p: eerste letters.

(<) Link href = 'http:? //fonts.googleapis.com/css familie = Kelly + Slab & deelverzameling = Latijnse, Cyrillische' Rel = type 'stylesheet' = 'text / css' (>).

Service "Google" kunt u een of andere kiezen lettertype en biedt een kant en klaar referentie voor de insert in html en css. Houd er rekening mee dat je moet zeker een groep van fonts kiezen - Latijnse of cyrillische alfabet, zoals bijna alle Latijns-fonts werken niet wanneer u een Russische tekst te maken. Op dit moment is de zoekmachine biedt 40 soorten Russische fonts gratis.

Hoofdletter of een hoofdletter antipode kan worden versierd met behulp van CSS-eigenschap tekst transformeren. Als de stylesheet zet de tekst te zetten: geen, wordt de tekst verschijnt zoals je het schrijft. Als u alle letters in een lijn register te zetten moet door een dubbele punt tekst worden ingesteld transform: kleine letters en de hoofdletters - hoofdletters. Het instellen van de waarde van de eigenschap text transform: kapitaliseren doen, dat aan het begin van elk woord een hoofdletter.