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

The Use of the element indicates that its content has strong importance.

Browsers show element in "Bold" By Default.

The element indicates emphasis that subtly changes the meaning of sentence.

Browsers show 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

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

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.

LINKS

Links links are very useful for us. they allows us to move one page to another page. it will make a better experience for user. <a> Links are created with <a> tag element . Users can click Anything between the opening and closing</a> tag. We can specify which page we want to link with href attribution. Linking to Other Website <a href="https://www.wikipedia.org">Wikipedia Home</a> Linking page on same website <a href="index.html">Home</a> Email Link <a href="mailto:sagar@sagarved.com">Email To Sagar</a> Opening Links in a New Window Target <a href="google.com" target="_blank">Google Home</a> Linking To a Specific Part in a Same Page To achieve this we use I'd'. For referencing A id element we use # and followed by link . <a href="#contact">Contact</a> Linking to a Specific part on Another Page If we want to link a specific part then we r...

HTML FOR CSS

Search This Blog