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

HOW TO CREAT OWN FIRST WEB PAGE

HOW TO CREAT OWN FIRST PAGE Follow these step to create own HTML web page 1. Open your text editor              mac: text editor  windows: notepad  Linux: text editor 2. Write your code 3. Save your file with .html extension           (example: myfirstpage.html) 4. Now, go to your saved file and double click on that. 5. your result on the screen IF you don't have any computer,you can try on your android mobile. 1. Go to play store. 2. Download text editor.(download anwriter free html editor) continue with above steps. or  you can try Codepan.io Enjoy.... 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

ATTRIBUTES

ATTRIBUTES TELLS US MORE ABOUT ELEMENTS Attributes provide additional information about the contents of an element. They appear on the opening tag of the element and are made up of two parts: a name and a value , separated by an equals sign. HTML5 allows you to use uppercase attribute names and omit the quote marks, but this is not recommended. Attribute example 1 More about Attributes  The attribute name indicates what kind of extra information you are supplying about the element's content. It should be written in lowercase. The value is the information or setting for the attribute. It should be placed in double-quotes. Different attributes can have different values. Here an attribute called lang is used to indicate the language used in this element. The value of this attribute on this page specifies it is in US English. The majority of attributes can only be used on certain elements, although a few attributes (such as lang ) can appear on any element. Most attribute values are