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

summary For Structure

Summary HTML pages are text documents. HTML uses tags (characters that sit inside angled brackets) to give the information they surround special meaning. Tags are often referred to as elements. Tags usually come in pairs. The opening tag denotes the start of a piece of content; the closing tag denotes the end. Opening tags can carry attributes, which tell us more about the content of that element. Attributes require a name and a value. To learn HTML you need to know what tags are available for you to use, what they do, and where they can go. For more blogs related to technology you can visit Relatetechno.codes

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

HEADINGS AND PARAGRAPHS

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 Rela...

HTML FOR CSS

Search This Blog