Skip to main content

Introduction to Web programming part 1

Welcome guys!
This post is on Beginning Website development.
 So lets get started

First thing is HTML

HTML stands for Hyper Text Markup Language.
It is a simple language used to develop websites.
There are a number of tags in HTML.
It is not possible to remember all the tags though,but you have to know some of them since they are used in each and every website.

Html is just a collection of tags which specify some action.
example:- <img> is a tag which is used to specify that some image has to be added.

Let us start with a simple code to develop some website.
Every HTML based website must contain these tags.

<!Doctype html>
<html>
............

...........

</html>

Every tag has an equivalent closing tag.

HTML is called as a markup langauge because it allows the user to structure the tags in a specific format.

example for an HTML document

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>This is a Heading</h1>
<p>This is a paragraph.</p>

</body>
</html>


How to run HTML codes???

It is very simple.Just copy and paste these codes in your text editor and save it as .html.Now open this .html file using a browser(Google chrome,explorer,etc).


  • The <!DOCTYPE html> declaration defines this document to be HTML5
  • The <html> element is the root element of an HTML page
  • The <head> element contains meta information about the document
  • The <title> element specifies a title for the document
  • The <body> element contains the visible page content
  • The <h1> element defines a large heading
  • The <p> element defines a paragraph


The latest version of HTML is HTML5.

HTML Headings

HTML headings are defined with the <h1> to <h6> tags.
<h1> defines the most important heading. <h6> defines the least important heading: 

Example:
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>

HTML Paragraphs

HTML paragraphs are defined with the <p> tag:
Example:
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>

HTML Links

HTML links are defined with the <a> tag:
example
<a href="www.technopediabuzz.blogspot.com">This is a link</a>

HTML Images

HTML images are defined with the <img> tag.
The source file (src), alternative text (alt), width, and height are provided as attributes:
Example:
<img src="w3schools.jpg" alt="W3Schools.com" width="104" height="142">


Thats all in this post.We shall continue in the next post.

                Stay tuned and never give up!😞
Labels:

Comments

Post a Comment

Popular posts from this blog

Kotlin :A New Beginning

Hello guys, You might have heard about a new language supported for the android Officially by Google,Named as Kotlin. Kotlin is a statically typed Programming language.By statically typed language i mean that the type checking is done during complile time. It was developed in July 2011 by Jetbrains in Russia,In 2017 Google declared Kotlin as the official langauge for android. However the Traditional Java developers are sticking to java. New programmers who want to make android apps,Web apps can use Kotlin as a language of preference. With this Post i welcome you to the world of Kotlin. There is no good book for kotlin but there is the official documentation on Kotlin.I refer the official Kotlin documentation. The main aim of this post if to Introduce you Kotlin and its Uses and also how to write programs in Kotlin. The official documentation can be found on the website   KOTLIN I belive that this post will help you to write codes in Kotlin. So lets begin Fir...
1 comment
Read more

Web programming part 2

Hello guys, I am back with another post on web programming. In the last post you guys had learnt how to create a simple HTML document. As i told you there are many tags that you might have to remember. In this Post i will be creating a small Login form using only HTML. By using only HTML i mean No styling will be given to the document. The purpose of this code is to demonstrate you tags like <form> and <label> you will also learn how to make a button in HTML. The code goes like this: < form  action ="/action_page.php" >      < label > < b > Username < /b > < /label >      < input  type ="text"  placeholder ="Enter Username" >      < label > < b > Password < /b > < /label >      < input  type ="password"  placeholder ="Enter Password" >      < button  type ="submit" ...
Post a Comment
Read more

Using Java and Python simultaneously

Hi friends,                                                                                                                                    Firstly, I would like to thank you all for your love and support towards our blog.                   We here are happy to know that our previous posts on tutorials and mini projects have helped you a great deal.         So far many of you might have done some really amazing projects using a particular programming language. But in this post of mine, I would like to share with you my mini project for which I have collaborated two of the most am...
2 comments
Read more