HTML BASICS

 

HTML for Web-Development

As I told I will continue with HTML , I am continuing to write this but this has a reason that I am going to write a complete blog on Web- Development

for both front -end and back-end development but weekly content will be released . This blog writing will help you to understand even if you are beginner since , we started writing straight from the basics.

What is HTML?

  • HTML stands for Hyper Text Markup Language
  • HTML is the standard markup language for creating Web pages
  • HTML describes the structure of a Web page
  • HTML consists of a series of elements
  • HTML elements tell the browser how to display the content
  • HTML elements label pieces of content such as “this is a heading”, “this is a paragraph”, “this is a link”, etc.

Why to learn HTML ?

  • Create Web site — You can create a website or customize an existing web template if you know HTML well.
  • Become a web designer — If you want to start a carrer as a professional web designer, HTML and CSS designing is a must skill
  • Understand web — If you want to optimize your website, to boost its speed and performance, it is good to know HTML to yield best results.
  • Learn other languages — Once you understands the basic of HTML then other related technologies like java-script, php, or angular are become easier to understand.

Basics tags of HTML :-

All HTML documents must start with a document type declaration of the document.

In HTML every tag goes with start tag and end tag .

The HTML document begins with <html> and ends with </html> .

The visible part of the HTML document is between <body> and </body>

DOCUMENT TYPE DECLARATION :-

The <!DOCTYPE > declaration represents the document type, and helps browsers to display web pages correctly.

It must only appear once, at the top of the page before html tags .

The <!DOCTYPE> declaration is not case sensitive.

HTML Headings:-

In HTML Headings are written by using headings tags represented as <h>.

they end with <h1> and also ends with </h>

for example if I consider “Startups” as heading it should be written in the form as follows.

<h1> Startups <h1> .

HTML Paragraphs :-

HTML paragraphs are defined with the paragraph tag which is declared as <p> .

for example if I consider “This is my paragraph about web-development ” in paragraph it should be written in the form as follows.

<p>This is my paragraph about web-development</p>.

HTML Links :-

HTML Links are defined with the links tag which is declared as <a> .

The link’s destination is specified in the href attribute.

attributes are used to provide additional information about HTML elements.

Example :-

<a href=”https://medium.com/@prasannathupati">This is a link</a>

HTML Images :-

HTML images are defined with the <img> tag.

The source of the image can be defined by using ( scr), alternative text as alt, width with width , and height with height .

Example :-

<img src=”prasanna.jpg” alt=”prasanna.com” width=”100" height=”160">

HTML Elements

The <html> element is the root element and it defines the whole HTML document.

It has a start tag <html> and an end tag </html>.

and then we start writing the body element declared <body> and ends with </body>

The <body> element defines the document's body.

It has a start tag <body> and an end tag </body> .

HTML elements with no content are called empty elements.

The <br> tag defines a line break, and is an empty element without a closing tag.

The Style Attribute

The style attribute is used to add styles to an element, such as color, font, size, and more.

example :-

<p style=”color:blue ; ”> This is a blue hat.</p>

The language Attribute :

You should always include the language attribute inside the html tag, to declare the language of the Web page.

Country codes can also be added to the language code in the language attribute.

example :-

<!DOCTYPE html>
<html lang=”en-US”>
<body>

</body>
</html>

The title Attribute

The title attribute defines some extra information about an element.

example :-

<p title=”I’m a tooltip”>This is a paragraph.</p>

Thank you and for this week so, it is just a basic knowledge of HTML le’s go more details in further weeks .

Thanking you and see you all next week.

-Toopati Durga Prasanna.

Comments

Popular posts from this blog

Web Development Essentials

What do you really need for Tech-Startup