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

Post a Comment

Popular posts from this blog

Web Development Essentials

Image
                          Web Development  Does really web-development playing a huge role in the society ?  Why the demand for Web-development and Web-development increasing day by day ? What should we do to have a career towards Web-developments and what are the skills required ?  and let see many more about web-development through this blog .                       before going the discuss skills , it's demand and everything let's know the definition of web-development and website. Website : It is a collection of web pages and related content and information that is identified a common domain name. Web Development : In simple terms the maintenance and building a website. Who is a web developer actually and what does a web developer do . The programmer or a person who develops world wide range of websites by using servlets is a web developer and they ma...
Read more

What do you really need for Tech-Startup

Image
  What do you really need for a Tech-Startup ???    Are you the one who really want to run the tech-startup then this blog is for you . coming to the topic they are 10 major things that you should know before starting a tech-startup. 1. Idea 2.  Plan for all the funding and Capital 3. A Good Productive Team 4. Productivity Tools 5. Product Requirements , Document 6.  Market Research and Strategies 7. Establish a Location 8.   Name and Domain Registration 9.  Customers and Demand of  Product 10. Advertising and Publishing 1 . Idea  In any startup , Idea plays a major role . So even in the Tech-Startup it is the first and most considered part. You should be clear about the idea that you are working on  and the most important rule to be followed is that, idea should not be shared to any third person rather than the team you are going to work, until it's implemented.  And now , I am going to say you on what bases your idea will be...
Read more