HTML Tutorial for Web Development and Design

HTML Tutorial for Web Development and Design

HTML is the language of web the structure of web pages is created with the help of Html it is styled with the help of css and logic is added to it with the help of javascript. In 1989, Tim Berners-Lee established the http://www and he created the Html in 1991. Html was a very basic language at that time which did not even have an image tag well it is still a basic language even in today's time.

In 1991, when other programming languages were evolving in different fields then Tim Berners-Lee thought that it is very important to have a language for web developers as well and it is very important to have a standard he took it forward giving full support to html and understood the problem of web developers and those who were developing the browser he sincerely wanted that a modernization could come in the world of web development and the problem of web developers and those who build browsers can be solved that's why from 1995 to 1997, he started working on versions of html the biggest problem of that time was all the browsers used to tell the developers that if you want to bring your website on our platform then you will have to write your site according to the guidelines given by us and this was a very cumbersome work for developers because developers want to support as many browsers as possible and if they are not able do that then they have to write different code for different browsers and this will be a very cumbersome task for developers.

Tim Berners-Lee had understood that this is a very big problem especially for web developers and for those people who want to make browsers, this is not a small problem either. Tim Berners-Lee's efforts were successful and in 1999, a committee was organized which made Html 4.0 a standard.

Now if any web developer wants to make a website then he can make it using the standard without talking to the browser vendor and if anyone wants to make the browser then he can use this specification. Html 4.0 is used by many even today however the stable version of html in today's time is 5.0 we all know this by the name of Html 5.

Some web developers use the Html 4 even today because it works perfectly in the browser. A very interesting thing happened in the year 2000 W3C i.e, world wide web consortium was maintaining the html and some committee members wanted that html should be pushed in the direction of xml i.e, the strict rules that are there inside the xml should be proposed or enforced inside the html and if they do so, then web developers will have to write the website in a very strict boundation and if they made a mistake they will be thrown an error but this idea was rejected and the reason for that was neither this matter was in favour of web developers nor in favour of users of web developers who are building websites. Just imagine you go to any website and due to some minor mistakes you get to see an error that is "undefined syntax" or "this is incorrect at line number this or that" or "this is invalid" then how would you feel?

Both the versions of XHTML, 1.0 & 2.0 were released but this idea was rejected after a while and all developers started working on Html 4.0 and Html 5.0 and then what? Html development was going on in full swing and further development timelines of Html are available on your screen.

So this was about the history of html and how was html founded? Now we will talk about the syntax of html and how can you make your own websites using html? To start any html page, we use the tag which we have to close as well something like this. The boiler plate of html is something like this and modern code editors & IDEs provides an out of the box utility to generate this boiler plate. There is mainly a head tag inside html in which you can put title and scripts or can put css with the help of which you will style your document.

The syntax of styling and adding script is something like this if you open most of the html tags then opening tag is something like thisand closing tag is something like this but there are also some tags inside html which you do not need to close such tags are called self closing tags and some of their examples are tag, tag & tag.The main content inside your website is available after parsing the code written inside the body tag. If you want to write any such text inside HTML which you don't want to be parsed then you can write comments inside html comments are written something like this inside html and if you put this text on your website then it will be ignored by the browser and will not be parsed.

A fair warning is this if you click on "view page source" after the right-click then you will get to see these comments so we should not put any password or secret thing at least in the comments of html. You can write headings in html something like this you have headings from h1 to h6 which are given in decreasing order of their size the syntax of using headings is something like this.

After that, you can write paragraph if you want to write any content on your website. The syntax of writing paragraph is something like this you can move from one page to another with the help of links now these links can be the links inside your website or can be a reference of another website.

The syntax of using links through anchor tag is something like this by using the tag, if you will enter the url of any website inside href or the url of any relative page in your website then you will reach to that website after clicking on it. There are also attributes inside html which you can write inside a tag something like this here you guys can see that the target attribute of the anchor tag indicates do you want to open your website in a new tab or in the same tab and same window?

This syntax helps you to open web page in a new window.

To style any tag, you can use the style attribute something like this you can write css inside it which will style your that element. You can use the tag for adding images whatever image url you give inside its src attribute that image will be displayed on your web page. There is also a "alt" attribute inside image tag which you can use to describe your images and are self closing tags with the help of which you can produce a horizontal ruler and a line break.

To represent any list inside the html page you can use the ordered list or unordered list the syntax of ordered list and unordered list is something like this and if you want to add list item inside any of these lists then you can use the tag the syntax of tag is something like this.

Sometimes we need to write our data in tabular form and for that tables are there in html The syntax for creating tables in html is something like this a syntax for creating a basic table in html is something like this here tag means table rows, tag means table data and tag mean table heading. You can insert forms in html something like this you can use the input tag here. To get any input like text, phone no or email id from the users, you can use the text area to take input of a large text. To submit these forms, you can use the buttons something like this. In Html 5, you can also use check box and radio buttonssomething like this.

Html is able to manipulate the formatting of your text to a great extent for example, if you see this code base then expected output is very different from actual output. You guys can use tag to keep your text as it is in your website. To write any source code, you can use the code tag something like this. To do bold, italic, underline and many other text manipulations, tags are available in html which you can use something like this.

There are two types of elements in html: Inline elements and Block elements you can fit the inline element in between a particular line for example, image tags and link tags and block level elements always start with a new line A very good example of block level element is is div tag which starts from a new line.

You can style your html anytime by adding css to it and to target the elements you use Ids and Classes. You can also use many other selectors but Ids and Classes are used mainly. To uniquely identify an element, we provide the ID and to put an element in a class you can give a class to multiple elements.

Bonus Video For You: