Monday, October 31, 2022

R20 B.Tech CSE Skill Lab


 R20 B.Tech CSE   Skill Lab

Letslearningcse.blogspot.com welcomes you to enhance your knowledge regarding frontend development using HTML [hypertext markup language] and CSS [cascading style sheets].

Let's get into the topic without delay. Let's dive into the content.

 HTML stands for HyperText Markup Language. It is used to design web pages using a markup language. HTML is a combination of hypertext and markup language. Hypertext defines the link between web pages. A markup language is used to define the text document within the tag, which defines the structure of web pages. Most markup languages (e.g., HTML) are human-readable. The language uses tags to define what manipulation has to be done on the text.

 

HTML code:

Every HTML document that begins with a start tag is <HTML> and terminates with an ending tag is </HTML>.

HTML documents should be saved with the extension.html or.htm. 

A tag is made up of a left operator (<), a right operator (>), and a tag name between these two operators. 

If you forget to mention the right operator (>) or if you give any space between the left operator and the tag name, the browser will not consider it a tag. 

At the same time, if the browser not understand the tag name, it just ignores it, and it won't generate any errors. 

The HTML language is not case-sensitive; hence, users can write the code in either upper case or lower case. There is no difference between  <HTML> and <html> 

Syntax of a tag: 

<Tag name [parameters=value]>

Html uses predefined tags and attributes to tell the browser how to display content, which means in which format, style, font size, and images to display. Html is a case-insensitive language. 

Case-insensitive means there is no difference in upper case and lower case (capital and small letters) being treated as the same; for example, 'D' and 'd' are both the same here. 

 

There are generally two types of tags in HTML: 

  •  Paired Tags: These tags come in pairs. That is, they have both opening(< >) and closing (</ >) tags.
  •  Empty Tags: These tags do not require being closed.

Tags are individuals of HTML structure; we have to open and close any tag with a forward slash like this: <hi> </hi>. There are some variations with the tag; some of them are self-closing tags, which aren't required to close, and some are empty tags where we can add any attributes. 

 HTML text tags

<p>, <hl>><h2><h3><h4><h5><h6><strong>, <em>,  <abbr>, 

<acronym>, 

<address>, <bdo>, <blockquote>, <cite>, <q>, <code>, <ins>, <del>, <dfn>, <kbd>, 

<pre>, 

<samp>, <var> 

Unclosed HTML tags

Some HTML tags are not closed, for example, br and hr. 

<br> Tag: br stands for break line; it breaks the line of the code. 

<hr> Tag: HR stands for Horizontal Rule. This tag is used to put a line across the webpage. 

HTML Link Tags 

 <a> and <base>

HTML Image and Object Tags 

<img>, <area>, <map>, <param>, and <object> 

HTML List Tags 

<ul>, <ol>, <li>, <dl>, <dt>, and <dd> 

HTML Table Tags 

table, tr, td, th, tbody, thead, tfoot, col, colgroup, and caption 

HTML Form Tags form, input, textarea, select, option, optgroup, button, label, fieldset, and legend 

HTML Scripting Tags  script and no script 

Attributes: Attributes are additional properties of html tags that define the properties of any html tags. i.e., width, height, controls, loops, input, and autoplay. These attributes also help us store information in meta tags by using name, content, and type attributes. 

  • Attributes should always be applied with the start tag. 
  • The attribute should always be applied with its name and value pair. 
  • The attribute name and values are case-sensitive, and it is recommended by W3C that they be written in lowercase only. 
  • You can add multiple attributes to one HTML element, but you need to give space between two attributes. 

Syntax: 

<element attribute name="value">content</element>

 

 

No comments: