Skip to main content

SEMANTIC MARKUPS

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 tag is used to specify the full term.

<acronyms> element is used as following picture.



4. Citations & Definitions

<cite>

When we are referencing a piece of work such as a book, a film, a research paper. we Use <cite> element. 
By default browser render <cite> element in italic.

<dfn>

when we explain some new terminology first time ,we use <dfn> element.

In chrome and safari no change in font.


 

5. Author Details

<address>

The <address> element has a quite specific use to contain contact details for the author of the page.


6. Change in content

<ins> 

<del>

The <ins> element can be used to show content that has been inserted into a document, while the <del> element can show text that has been deleted from it.

The content of a <ins> element is usually underlined, while the content of a <del> element usually has a line through it.

<s>

The <s> element indicates something that is no longer accurate or relevant (but that should not be deleted).



Comments

Popular posts from this blog

Summary of Text

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.

HOW PEOPLE ACCESS THE WEB

" THE MAIN FACTORS THAT ARE IMPORTANT IN ACCESS THE WEB 1. BROWSER In order to view a web page, users might type a web address into their browser. 2. WEB SERVERS When we requested a web page, the request sent to a computer known as the webserver which hosts the website. 3. DEVICE It is important to remember that various devices have different screen sizes and some have faster connections to the web than others. 4. SCREEN READERS Screen readers are the program that read out the content of a computer screen to a user. They are commonly used by people with visual impairment. Thanks for visiting my blog. I will try to post regularly. For more blogs related to technology you can visit Relatetechno.codes

HTML Describes the Structure of Pages

You can see an HTML code Below. If you Don't understand Than Don't worry, remember we just started our journey. There are two types of tags. one is opening tag and one is closing tag.in the code you see red and yellow text that called tags. All red tags are opening tags and all yellow are closing tags. CODE   <html> <body> <h1> This is main heading </h1> <p> This text might be an introduction to the  rest of the page. And if the page is a long one it might be split up into several sub-headings. </p>  <h2> This is a sub-heading </h2> <p> Many long articles have sub-headings. so to help you follow the structure of what is being written, There may even be sub-sub-heading(or lower-level headings). </p> <h2> This is another sub-heading </h2> <p> here you can see another sub-heading. </p> </body> </html> For more blogs related to technology you can visit Relatetechno.codes