A capital letter, by definition, is an element of text that is enlarged in size relative to lowercase letters. Almost all languages start sentences with a capital letter. And the design of the beginning of the paragraph with a prominent capital letter allows you to structure the text and facilitates its perception. When a web page is designed, the text can be written in accordance with the preferences of the author and the rules of the Russian language. Also, its design can be "automated" by entering certain "commands" into a file with the css extension - a style sheet - or supplement your html file with a style section. CSS is usually learned in addition to html in order to quickly change some design elements at once in the entire text.
This is especially true if the site has hundreds of pages, and making changes to each of them is a very time-consuming process.
If you use css, capital letters at the beginning of each paragraph can look special. For example, entered in html without parentheses, the following code allows for the text formatted with the “p” tag to make the capital letter - first letter - larger - 220% of the standard size,yellow - color value is yellow, and write it in a font different from the rest of the text - Georgia vs. batangche.
()
p {font-family: batangche; font-size:93%;}
p: first-letter {font-family: Georgia; font-size:220%; color: yellow;}
()
Beautiful capital letters can be obtained by creating your own font in the form of pictures - for each letter there is a separate picture, for example, in the Old Russian or Gothic style. They can be drawn in a graphics editor. Then, in the required places, instead of a capital letter, you can insert a code without parentheses (<) img src="https://i.technologyweeks.com/images/006/image-17576"на место, где лежит картинка”(>). Additional attributes of the Img tag will be heigh and width - the width and height of the image, which can be set in pixels to blend harmoniously with the rest of the text. Example: (). Remove parentheses around.
If you do not have the opportunity to draw the alphabet yourself, then the capital letter can be designed using fonts that are freely available on Google (Fonts section) or other search engines and resources. To do this, the above code must be formatted as follows:
()
p {font-family: batangche; font-size:93%;}
p: first-letter {font-family: Kelly+Slab; font-size:220%; color: blue;}
()
And in the "head" tag, add a link without parentheses for "connection", where after family the selected font family is indicated, which is also substituted in p: first-letter.
().
Google's service allows you to choose one or another type of font and provides ready-made links for insertion into html or css. We draw your attention to the fact that it is necessary to select a group of fonts - Latin or Cyrillic, because. almost all latin fonts do not work when formatting Russian-language text. At the moment, the search engine provides about 40 types of Russian fonts for free.
A capital letter or its lowercase counterpart can be styled using the CSS text transform property. If you set the value of text transform: none in the style sheet, then the text will look the way you write it. To convert all letters to lowercase, you need to set the value text transform: lowercase through a colon, and uppercase for uppercase. Setting the property to text transform: capitalize will cause each word to start with a capital letter.
