Vitayu, Friends.
After yesterday's long break, I realized that I had not written a row for a long time. Of course, this has its own reasons, and even every reason for realizing self-righteousness will eventually appear, right? In fact, today I’m working on a Video Course, which I’ve already thought about a number of times, but I won’t say anything more about it for now, you’ll soon find out everything.
So, nothing came to mind about what to write about. If you look at the statistics, what can you do with the Runet using HTML, WordPress, DLE, etc. And you know what? What else should I write about? All the nutrition that I know, in fact, will not always be used in a reasonable form. That's how it felt to write like this.
Today we’ll talk about HTML. And let’s talk about how to see text in bold and italic images, and we’ll also talk about seeing color.
Show text in bold images.
To see text in bold images, you don't need to do anything fancy with CSS styles or be aware of any inconsistencies. HTML already has this capability. In this case, we can not just see the text in bold, but also put a new emphasis on it to help us see it. The accent can be timid for sound systems or any special browsers or programs. You can’t go over the accented text in the article or on the page with any information, so it can be dangerously seen as a minimum on the exposed HTML page.
So, just to see the text in bold, we can quickly use the tag . This tag is applied to the elements of physical layout, whereby bold images are inserted into the text, without losing any emphasis. This tag is for the guys to talk about those that are in the air, like the tag that opens and closes. In addition, fragments of the insertion element are to blame for being in the block element, for example
Butt code:
bold text
Result:
bold text
In this case, we simply saw the text in bold images and that’s all.
However, we need not just to see the text, but to develop an accent. For whom we can use the logical layout tag . Moreover, the text of visions with this tag is of greater interest to sound systems. Ale and for the idea, we are guilty of dividing ourselves with the tag In modern browsers, for example, intonation. However, I can neither confirm nor lie this information, Chi so tse?
In this case, everything is absolutely the same as in the case, with simple visions in bold, only we have a timid accent, and not just a vision.
Butt code:
Result:
It’s easy to finish everything, isn’t it?
The text is shown in italics.
And here everything is more folded than before. And our situation is absolutely the same. We can see the text in two HTML variants. I will again, vikorista, either the tag of physical layout or the tag of logical, for the help of which we again carefully emphasize the visionary text.
To see text in italics and a quick tag . This element is small and small, which tells us about those who are guilty of vikoryism, as the tag that opens and closes. And it’s also our fault to vikorize it in the middle of the block element. And in this case, the most suitable block element is the paragraph tag
Butt code:
text in italics
Result:
text in italics
And of course we can speak on the text immediately after seeing it in italics behind the additional tag . This element is the same , In addition, the text appears in italics and not in bold.
Butt code:
the text on which we emphasized
Result:
the text on which we emphasized
And the last thing I want to talk about today is the color of the text.
It’s a pity for the tag that we can see the text in color in HTML. But still, there is nothing complicated in this method.
Now, in order to see each part of the text in color, we can wrap the required part of the text with a tag , which is a universal tag, and is placed in the middle of a block element. Our video has a block element with a tag Ale dodati not enough. It is also necessary to specify the style parameter, which allows you to add CSS power In the necessary text, indicate power itself (color), which will help set the song’s color. And find, indicate the meaning of power color. Ale mozhe viniknuti pitannya: What are you saying? It is necessary to enter the HTML code of the color in which we want to “fabricate” the text. You can find the HTML codes for the colors. Now let’s take a clearer look at the butt. Butt code.
text you need to see color
In this case, we are strengthened by one word: color. I also want to indicate what the tag is To the guys, we can close it there when the power may end.
Result:
text that needs to be seen in color
In these ways we can manipulate the text on our website. I also want to point out that all the people we were talking about are working on both WordPress and DLE, because whatever engine is used for displaying pages is vikoryst HTML. HTML itself can be called the basis of any website, regardless of whether you have a CMS.
I hope I explained everything clearly.
Good luck, Friends. Coming soon... More news to come...
Tag HTML vikorist shows a fragment of text in italics.
HTML tag relate to physical formatting tags. Change the image to the font behind the tag be stylistic in nature.
You can also create HTML text in italics using an additional tag. In this case, the text will be seen in a logical (by way of) “chairing” manner.
The HTML5 specification recommends giving priority to logical formatting tags: important text fragments - tag, emphasis - tag, subheadings - tags, highlighting text - tag. See text in italics behind the tag Moreover, the nature of the image corresponds to the desired logical formatting tag.
All types of text are described in the article: .
Syntax
text of visions in italicsBrowser view
Vikoristanny butt in HTML code
A simple text can be modified on any website. And the axis text of visions is in italics (
We'll get to work with you right away before adding the main tags.
Let’s take a look at the tags that form the structure on the page.
Block. The structure of the simplest story The side of the site is the most important text file with expanded.html . In the middle of this file is saved HTML text
pages with tags at once. This file is obov'yazkovo guilty of these same tags: tag, which is guilty of containing the text of the entire site (everything written with this tag will be ignored by the browser), and in the middle of it there are two more tags: tag
for service instead of page and tagThis is the main one instead of the side.
What this butt looks like in the browser is amazing at this effort.
I think that once you have read about the basic structure of the page, you will, as before, lose the sense of what it all looks like in practice. Therefore, I have made a special video in which I will show you how to create your first HTML page and run it in the browser (in this I will also talk about the title of the page, about coding, about designing the code). Marvel at it and then move on to further reading: Well, now, having learned to create
the simplest stories, we will move on to the modification of the brown tags, which is the next step in the middle of the tag
. There will be tags for paragraphs, headings, lists, messages and other short speeches. Come on, let's see.
Block. Paragraphs
One of the main elements of the page is
paragraphs
. They can be aligned with the paragraphs at the bottom - each paragraph starts from a new row and is also called the hearts row (if the first row of the text of the paragraph is entered by the right hand).
There is no row of reds to be found, but it is easy to earn money (about a few times in a year).
The paragraph is created using the additional tag
In this manner:
This is a paragraph.
Just one more paragraph.
And one more paragraph. This is a paragraph. Just one more paragraph. And one more paragraph. Block. Headings h1, h2, h3, h4, h5, h6
Cream of paragraphs more important
,
,
,
,
,
on the side headers. They can also be divided into headings from the book - each section bears its own heading (name of the section) and is divided into paragraphs, which also bear their headings. Well, the main text of the story is in paragraphs. Headings are being folded for more tags . The stench is different from the world of importance. At the header h1 trace roztashovuvati
,
,
,
on the side headers. They can also be divided into headings from the book - each section bears its own heading (name of the section) and is divided into paragraphs, which also bear their headings. Well, the main text of the story is in paragraphs. Headings are being folded for more tags . The stench is different from the world of importance. At the header h1 trace roztashovuvati
,
on the side headers. They can also be divided into headings from the book - each section bears its own heading (name of the section) and is divided into paragraphs, which also bear their headings. Well, the main text of the story is in paragraphs. Headings are being folded for more tags . The stench is different from the world of importance. At the header h1 trace roztashovuvati
names of all HTML pages
, V
h2
- name
blocks
stories, in
h3
- names of subblocks.
All headers are bold and vary in size (this can be changed via CSS, or later). Marvel at the butt:
Heading h1
Heading h2
, V
h2
- name
blocks
stories, in
h3
- names of subblocks.
All headers are bold and vary in size (this can be changed via CSS, or later). Marvel at the butt:
Heading h1
Heading h3
You already know what the headlines are behind fatty. However, you can make the text bold and primary - just take it from the tag .
Marvel at the butt: This is the original text, but this is fat
Heading h2
Marvel at the butt: text. fat
text. The vikorist trace should be placed in the middle of any other tag, for example a paragraph. In this case, the paragraphs create a formal structure of the page (paragraphs and headings), and the tag b
to add bold edges to the text.
Block. Italics Oily cream can be made in the same way italics :
Marvel at the butt: for further help tag fat
Heading h2
italic
Block. Lists The order of paragraphs and headings reveals another important element of the page - this lists . Such elements are familiar to all Internet users. The stink is a re-examination of what you want (list) point by point. For the skin item on the list, the cost of preparing batches (called
marker
- list).
- Lists are created using additional tags , in the middle of some obligation to blame go tags. Tag ul
And open your browser if you have problems with this - watch the video below): - put the list itself, and in tags
- li
- Next, add items to the list (so one li corresponds to one list marker). Please be aware that tags li cannot be vikorized.
Heading h2
- put the list itself, and in tags
- li
- Next, add items to the list (so one li corresponds to one list marker). Please be aware that tags li cannot be vikorized.
Marvel at the butt: , in the middle of some obligation to blame go tags First item on the list. Another item on the list. Third item on the list. Lists created via tag, are called
- out of order Tag.
- put the list itself, and in tags
- li
- Next, add items to the list (so one li corresponds to one list marker). Please be aware that tags li cannot be vikorized.
- put the list itself, and in tags
- li
- Next, add items to the list (so one li corresponds to one list marker). Please be aware that tags li cannot be vikorized.
- color – sets the color of the text;
- size – size of the font in mental units.
- face – used to insert a font family into the text, which will be in the middle of the tag . A certain amount of value is being maintained, overinsurance through a coma.
- - Sets the bold font in html. Tag in effect similar to the previous one;
- - The size is larger than that installed for installation;
- — smaller size font;
- - Pohily text (italics). Similar tag to yom ;
- - Text with armchairs;
- Receptions;- - Representation of the text only in lower case;
- - At the top register.
- In pixels;
- In absolute terms ( xx-small, x-small, small, medium, large);
- In percent;
- At points (pt).
- normal - normally written;
- italic – italic;
- oblique – font with a face to the right;
- inherit – depressive writing of the Father’s element.
- bold – inserts bold html font;
- bolder – bold normal;
- lighter –mensch nasichene shodo normal;
- normal – normally written;
- 100-900 - the thickness of the font is specified as a numerical equivalent.
- caption – for buttons;
- icon – for icons;
- menu - menu;
- message-box – for dialog boxes;
- small-caption – for small elements;
- status-bar – font of the row.
lists. This is the name given to that which is still in existence:
And open your browser if you have problems with this - watch the video below): Heading h2
ordered
lists that have number markers instead of dot markers. Such lists instead of ul tag
, and items in such lists are also created through tags Let's reorder the list, vikorist and tag
And open your browser if you have problems with this - watch the video below): olHeading h2
The benefit of ordering lists is that I can insert a new item into the list in any place - and the numbering itself will change (so that I don’t have to follow it every time there are any changes, as if I were to arrange them). ї manually )). Block. Posilannya Posilannya These are the elements that can be downloaded from the Internet. By pressing, we can move from one side of the site to another.
It’s as if they didn’t exist – the Internet was just a set of pages that were in no way connected with one another.
Posted to the website phphtml.net. They're booming absolutely
і news, in which path is saved to the image file.
How it works, astonishingly on the offensive butt:
And open your browser if you have problems with this - watch the video below): 
Heading h2
Return respect to those who tag
does not show the tag that it is closing.
Block. Posilannya from the pictures
As far as I can maybe not deprived of the text, but th baby- for whom a tag is sufficient
put in tag This is how it is divided into the offensive butt.
And open your browser if you have problems with this - watch the video below):
Heading h2
Click on the picture - and you will be redirected to the site phphtml.net (to then return back to the book - click the "back" button on your browser):
Block. Row creation Guess what will happen, if you want to earn money, for example, I’ll give you two paragraphs - I’ll give you the text that will lie with each of them, start with new
rows.
And open your browser if you have problems with this - watch the video below): - names of subblocks.
All headers are bold and vary in size (this can be changed via CSS, or later). Marvel at the butt:
Heading h2
- names of subblocks.
All headers are bold and vary in size (this can be changed via CSS, or later). Marvel at the butt:
Let's switch to someone on the offensive butt:
There are situations, however, if we wanted to shorten one paragraph, or even start the same text from a new row. What else might you need? For example, I want to collect points, but I don’t want to break the row into one paragraph, otherwise it would not be very logical.
To do this, if there is a row gap, then write a tag.
And open your browser if you have problems with this - watch the video below): Please note that this tag is special and does not close.
Let's marvel at this robot on a walking butt:Heading h2
Please note that this tag is special and does not close.
Let's marvel at this robot on a walking butt:First row of text,
and here is a friend.
Block. HTML comments
In almost all languages, programming is also understood as “comments”. To make our WEB page look more presentable, the text is divided into paragraphs and the title is visible. HTML contains 6 equal headings of sections of the document, numbered 1 to 6. The names are accompanied by a pair of tags with numbers corresponding to the equal, for example,- the title of the first level section, and
- Heading of the section of the sixth region. In plain text, names vary in size and width of letters. The header of the first level h1 is displayed in an even larger font, while the header of the sixth level h6 is even smaller.
.Name
Posilannya
.Do not confuse the document section headings with the document heading we looked at earlier, which is indicated by the element
Posilannya
Like the title of the text, I firstly put forward the proposition - For what purpose, surround it with tagsPaste the text into the file other.html tags
so that the stinks separated the first proposition to the text, and this piece of code took on the following appearance:
We kindly ask you to visit the SD company page!
The saving operation must be performed before reviewing the document, which opens the file for review and transfers it to the computer's RAM from the disk. If you don't save the file after editing the HTML code, you won't be able to use the same browser configurations.
Open the browser window by clicking the button on the Taskbar.
Press the F5 button or the Refresh button on the toolbar of the program's working window. The other.html file will be re-enabled, and you will see what the first-level header looks like in your browser window.
Take a look at how the names of the other 5 regions will look, changing in number tags: h2, h3 and so on. After each configuration, do not forget to save the file and update the images in the browser window.
When you finish following, I will update the file other.html tags again
.By using the 6 levels of headings provided by your HTML, you can create a document that is easy to read, with an intuitively clear structure. Remember that your document will now be much more readable, as it will now be divided into sections and subdivisions.
Verification of headers
When placed, the title is aligned to the left edge of the page. Ale yogo can also be right-handed or centered. For legal verification in this case
The attribute align="right" is used, and the centering attribute is align="center". Left-handed insertion is also allowed – align = “left”.
Add to tag
align="center" attribute to center the title. This element is to blame for the onset of the attack:
Paste the text into the file other.html tags
Next, we won’t remind you about the need to save the file with the seed code and update the images in your browser before watching.
How to make HTML text visible (bold)
Let's move on to another text now. For a larger size, we will format the text in bold italic images. To install a bold image, use vikory tags .
Insert the file other.html into the opening and closing tags so that the stinks surround the text Here you know... This element is guilty of taking on this look:
How to make HTML text in italics
Italic font is installed behind additional tags .
Insert HTML tag into the cob code Posilannya So, so that the editing element comes into view:
Here you learn about our activities, about the software products of our company and the equipment we use
Layout elements can be nested, as in this structure, element … nested in element …. Current browsers Please clearly label your deposited tags. Therefore, you need to follow this so that the order of the deposit is not disrupted. The browser will not work properly, as the content will be destroyed. For example, this entry would be incorrect: …. Dotrimanny contributions - a very important part of the culture written HTML code.
How to create text in HTML
For more help, bet tags you can install a text strip surrounded by these tags, and behind it a pair of tags - Show text in teletype font.
From recent times tag forgiveness and encouragement to work for additional styles. equivalent . So the new analogue looks more cumbersome, but it’s a pity it’s more accurate. It’s worth saying that the bulky option is cross-browser, so it’s suitable for all browsers, if Not all browsers support it.
How to make HTML text bigger
Use a larger font size for the text. It can be earned in a variety of ways.
Tags increase the font size of the text placed next to them.
Add to the beginning and the end of the well-known piece of material to the code according to the tag Posilannya The element then takes the following form:
Here you learn about our activities, about the software products of our company and the equipment we use
For more tags You can change the font size of the text on the same page.
Another method of adding font size - using additional tags From the size attribute. As a significant attribute, a number of numbers from 1 to 7 are selected. In this case, value 1 indicates the smallest font size, and value 7 indicates the maximum.
Vikorist and tag replacement tags in mind , look at how the size of the text and font changes with different values of the size attribute - from 1 to 7.
As the value of the size attribute, you can substitute numbers from 1 to 7 with the sign + (plus) and - (minus). At times, the size of the font tends to increase and change, compared to the cob, for example, tags increase the accuracy of the font, equal to the exact one, by one level. Turn it over.
Set 5 as the value of the size attribute for the text that is being viewed: . The HTML code for this piece is like this:
Here you learn about our activities, about the software products of our company and the equipment we use.
U tags You can also use the color attribute to indicate the color of the font surrounded by tags in the text. The meaning of this attribute is the same as for the previously discussed attributes that describe the color of the text of the document.
Behind the paragraph with the text Here you will find out... it’s left-handed. We center it horizontally behind additional tags
. You can also check the paragraph on the right side of the page for additional tags or on the left - for additional tags . Insert tags
by enclosing them the meanings of the paragraph. Please note that tags were used to center the paragraph
, under the attribute align="center", which we added to the tags . Uvaga! As of 2010 ,
, , They respect the old and therefore need to vikorize the analogues of these styles. This does not mean that it is not possible to vikorize them, but if you do, try to get rid of them. =
= = = =
Also, there are no other outdated tags, which are not described in this article, so it’s best to check out specialized WEB sites about this food. Aloha, I'll get a little more here
Video codes
The HTML language allows two approaches to displaying font fragments in the text. On the one hand, you can directly indicate that the font on the original text can be bold or italic, then you can obviously indicate the emphasis on the font of the text, as we did in this document. On the other hand, you can note any clutter in the text, which has a melodious, distinct, simple, logical style, giving the browser an interpretation of this style. Thus, the logical style shows the role of textual material, for example, great importance in matching the original text or those whose material is a quote. In your work, you can select tags that indicate logical styles. Turn over how the stinks work in different browsers.
- the meaning of the word becomes stagnant. The text is in italics after the text.
- to see the flow and strengthen it. The text is displayed in italics after the text.
- the names of books, films, and plays are also shown in italics.
- For fragments of program code. Displayed on the display in a fixed-width font.- vikorystovayasya text, which koristuvach to enter from the keyboard. Different browsers may display different fonts. Tag old.
- To display the program. Displayed in a fixed width font. Tag old.
- For especially important fragments. The most prominent images appear.
- Vickory is used for inserting parts of the text whose word is a symbolic change, then text that can be replaced with various expressions. Displayed in italics after translation. Tag old.
The HTML 4.0 specification introduces a more progressive method for inserting styles into text and other parts through the use of special CSS cascading style sheets (Cascading Style Sheets). Style sheets are a great asset in the field of WEB design, which expands the possibilities of enhancing the appearance of pages. Style sheets can be configured to define row spacing, padding, colors, text and background settings, font size and style, and so on. The style of most HTML elements can be described by an additional style attribute. which is placed in the middle of the element tag that opens. How to value the style attribute, bets of the type “power: significance” are used. For example, in a piece of code that means a section header,
The style="color: blue" attribute means that the color value is blue, so the first-level header text must appear as a blue color.
Version with styles
It’s amazing how you can use the cascading style sheet to specify the style of text that begins with words.
To indicate the type of font, the font-weight is determined by the values lighter (thin), bold (bold), bolder (bold), for example, style = "font-weight: bold".
To designate an italic image, the power of the font-style depends on the italic values. To make the text bolder than the italic image, set the style attribute like this: style="font-weight: bold; font-style: italic". Regain respect: demonstrators can get out of order and obligingly share a point with someone.
If you need to specify the size of the font, it is necessary to specify the power of font-size, the value of which can be specified in specific or absolute values. The absolute values are hundreds, and the absolute values are points (pt), pixels (px), centimeters (cm), millimeters (mm). For example:
style="font-size: 200%"
style="font-size: 16pt"
style="font-size: 100px"
Indicative of absolute and unimportant dimensions, you save users who view your pages with the ability to increase and change fonts using the browser menu command in accordance with their view and permission of the monitor. Fonts will not be displayed in the size you specified. It would be better to indicate the size of the font in the fonts. Which type of font size will be smaller or larger depending on the number of fonts used when designing it? HTML help tag for zamovchuvannyam.
To confirm the method of aligning the text horizontally, use the vikory power text-align with the values left (left-handed), right (right-handed), center (center), justify (width). In such a manner, to indicate that the text Here You Know... is due to the design of bold italic images with a size of 150% of the front and center alignments, the following style means the following order:
style="font-weight: bold; font-style: italic; font-size: 150%; text-align: center"
This attribute is static in the tags<р>, which allows you to submit text near the next paragraph.
Edit HTML element, what the text includes Here you find out... having seen the tags
, , , and inserting tags<р>PosilannyaWith the style attribute, this element takes the following form: <р style="font-weight: bold; font-style: italic; font-size: 150%; text-align: center">Here you learn about our activities, about the software products of our company and the equipment we use
Chi bachite, language HTML allows vikorystuvati different methods design style. Together about those zastosuvannya movie cascade tables CSS styles More important.
Other variations and variations of styles
We have looked at only one option for your style sheet, in which the designated image is placed in the middle of the tag of the element you are describing.
You should pay attention to the additional style attribute, which overlaps with most standard HTML tags. There are other options for using CSS.
U standard HTML, without a complete style sheet, to assign certain powers to any element, such as color, size, position on the side, etc., you need to immediately describe the parameters for the skin element, go to one page and there are dozens of such elements that are not They differ from each other. You end up inserting the same piece of HTML code into a sidebar dozens of times, increasing the size of the file and keeping it in perspective.
Style sheets work in a different, more convenient and economical way. To assign any element to a song, you must describe this element once and know this description as a style, and then simply state that the element you want to designate must adopt the authority of the style you described. Comfortable, isn't it?
Moreover, you can save the style description not in the text of your WEB page, but in a separate file - but allow the style description to be modified on any number of WEB pages. And one more benefit connected with this is the ability to change the design of any number of pages by correcting only the description of the image in one adjacent file.
In addition, our style sheet allows you to customize the font design of your pages even more. our greatest equal lower standard HTML.
U current hour New CSS has a lot of parameters for HTML elements that can be modified. It’s completely “safe”, because with the maximum number of browser CSS elements - parameters for font, color of elements and background, text strength and borders - you can significantly make your work easier and make your WEB pages more attractive We are planning to design the text.
In HTML, font size plays an important role. Vin allows the respect of the koristuvach to be increased to important information, posted on the side of the site. What is important is not only the size of the letter, but also its color, thickness and type of family.
Tags and attributes when working with html fonts
Language hypertext has a great range of features for working with fonts. Even the formatting of the text and the main details of html.
The reason for the creation of HTML was the problem of the translation of text formatting rules into browsers.
Let's take a look at the tags that are used for working with fonts in html and their attributes. The main one is the tag . For additional values of these attributes, you can set a number of characteristics for the font:Positive values of attribute 1-7 are encouraged.
The only text that is formatted is the one that is inserted between the parts of the paired font tag. Reshta text is displayed standard font, let's install it after cleaning.
HTML also has a number of tags that set just one formatting rule. It is clear to them:
Zvichayny text
Bold text
Bold text
More than normal
Less than average
Italics
Italics
With armchairs
RecreationsPossibility attribute
In addition to the descriptions of the tags, there are many more ways to change the font in HTML. One of them is the definition of a universal style attribute. For additional values, you can set the font display style:
1) font-family – the authorities set a family for the font. Possible pererahuvannya kіlkoh value.
Changing the font in html at the beginning of the meaning will appear, since the front home is not inserted into operating system koristuvacha.Writing syntax:
font-family: font name [, font name[, ...]]
2) font-size – the size can be set from 1 to 7. This is one of the main ways to increase the font size in HTML.
Writing syntax:font-size: absolute size absolute size | significance | vіdsotki | inherit
You can also set the font size:
Font-size:7
Font-size:24px
Font-size: x-large
Font-size: 200%
Font-size:24pt
3) font-style – set the writing style for the font. Syntax:
font-style: normal | italic | oblique | inherit
Meaning:
An example of how to change the font in HTML for additional power:
font-style:inherit
font-style:italic
font-style:normal
font-style:oblique
4) font-variant - shifts all great letters into great letters. Syntax:
font-variant: normal | small-caps | inherit
Here's an example of how to change the font of HTML with power:
font-variant:inherit
font-variant:normal
font-variant:small-caps
5) font-weight – allows you to set the age of the text (density). Syntax:
font-weight: bold|bolder|lighter|normal|100|200|300|400|500|600|700|800|900
Meaning:
font-weight:bold
font-weight:bolder
font-weight:lighter
font-weight:normal
font-weight:900
font-weight:100
Power font and color html font
Font is another container power. In the middle, he realized the importance of many authorities assigned to change fonts. font syntax:
font: font-size font-family | inherit
Also, the values can be specified in fonts, which are used by the system in the writing of various control elements:
font:icon
font:caption
font:menu
font:message-box
small-caption
font:status-bar
font:italic 50px white "Times New Roman", Times, serif
To set the color of a font in HTML, you can use the color power. It allows you to set the color as needed keyword, so in rgb format. And it also looks like a sixteenth code.