HTML FOR CSS

We are understanding about text. In text we have learnt about how to use headings , paragraphs, How to BOLD , Italic, How to Superscript and subscript and how to creat Line breaks. In sementic  Markups we study strong and emphasis, quotation,abbreviation&Acronyms , Citation and definations , Author's Address and change in content. Here i attached a page . The Code The HTML Page Thank you for coming Here . For practing this you can choose Wikipedia pages.

These are  some text element that are intended to affect the structure of your page , but they add extra information to the pages-they are known as Semantic markup. 1. STRONG AND EMPHASIS <strong> The Use of the  <strong> element indicates that its content has strong importance. Browsers show <strong> element in "Bold" By Default. <em> The <em> element indicates emphasis that subtly changes the meaning of sentence. Browsers show <em> element in "Italic" By Default. 2. Quotation These are the two type of quotations <Blockquote> The <blockquote> element is used for or longer quotes that takes up an entire paragraph. <q> The <q> element is used for shorter quotes that sit within a paragraph browsers are supposed to quotes around the q element. 3. Abbreviations & Acronyms <abbr> If you use an abbreviations or an acronyms , then the <abbr> element can be used. A title attiribute on the opening ta

Line Breaks & Horizontal Rules <br/> As you have already seen, the browser will automatically show each new paragraph or heading on a new line. But if you wanted to add a line break inside the middle of a paragraph you can use the line break tag <br/> . line break <hr/> To create a break between themes — such as a change of topic in a book or a new scene in a play — you can add the horizontal rule between sections using the <hr /> tag.                                 horizontal rule There are a few elements that do not have any words between an opening and a closing tag. They are known as empty elements and they are written differently.  An empty element usually has only one tag. Before the closing angled bracket of an empty element, there will often be a space and a forward slash character. Some web page authors miss this out but it is a good habit to get into. next> semantic markup Enjoy 

white space collapsing WHITE SPACE COLLAPSING In order to make code easier to read, web page authors often add extra spaces or start some elements on new lines. When the browser comes across two or more spaces next to each other, it only displays one space. Similarly, if it comes across a line break, it treats that as a single space too. This is known as white space collapsing. You will often see that web page authors take advantage of white space collapsing to indent their code in order to make it easier to follow. EXAMPLE: WHITE SPACE COLLAPSING

BOLD AND ITALIC <b>...</b> THIS IS BOLD TEXT By enclosing words in the tags <b> and </b> we can make characters appear bold. The <b> element also represents a section of text that would be presented in a visually different way (for example keywords in a paragraph) although the use of the <b> element does not imply any additional meaning. <i>...</i> THIS IS ITALIC TEXT By enclosing words in the tags <i> and </i> we can make characters appear italic. The <i> element also represents a section of text that would be said in a different way from surrounding content — such as technical terms, names of ships, foreign words, thoughts, or other terms that would usually be italicized. BOLD  AND ITALIC SUPERSCRIPT AND SUBSCRIPT ^... The <sup> element is used  to contain characters that  should be superscripts such  as the suffixes of dates or  mathematical concepts like  raising a number to a power such

HEADINGS: <h1> <h2> <h3> <h4> <h5> <h6> There are six levels of headings. <h1> is used for main headings <h2> is used for subheadings If there are further sections under the subheadings then the <h3> element is used, and so on... Browsers display the contents of headings at different sizes. The contents of an <h1> element are the largest, and the contents of an <h6> element are the smallest. The exact size at which each the browser shows the headings can vary slightly. Users can adjust the size of the text by using CSS. HEADING LEVELS PARAGRAPHS: To create a paragraph, surround the words that make up the paragraph with an opening <p> tag and closing </p> tag. By default, a browser will show each paragraph on a new line with some space between it and any subsequent paragraphs. paragraph next> Bold & italic and scripts(sub&super) Enjoy  😀 For more blogs related to technology you can visit Relatete

When creating a web page, we add tags (known as markup) to the contents of the page. These tags provide extra meaning and allow browsers to show users the appropriate structure for the page. Structural markup:  The element that you can use to describe both headings and paragraphs. Semantic markup: Which provides extra information such as where the emphasis is placed in a sentence that something you have written is a quotation (and who said it) the mean of acronyms and so on. Next > HEADINGS AND PARAGRAPHS Enjoy  😀 For more blogs related to technology you can visit Relatetechno.codes