Beginning Website Design With HTML (Part 1)

By | 17 August 2017

I’m starting a collection of tutorials on HTML, the language that makes web sites attainable. That is the primary a part of my collection. Take pleasure in, and depart any questions within the feedback!

What does HTML stand for? Hyper Textual content Markup Language

Okay, now we have got that out of the best way. The very first thing it’s essential know is find out how to make an HTML file. Straightforward!

If you’re on Home windows, go to Begin > Equipment > Notepad. Open Notepad, then click on File > Save As… and sort a reputation to put it aside as (e.g web site). On the finish of the title embody the extension.html so the title seems to be like web site.html. Now, click on the Save As Kind dropdown menu and choose “All recordsdata”. Then save.

If you’re on a Mac, use TextEdit. Open it by both looking it in Highlight, or going to Finder > Functions > TextEdit. Open it, go to Preferences and make it Plain Textual content as an alternative of Wealthy Textual content. Go to File > Save As…, kind a reputation, and choose Internet Web page (.html) from the File Format dropdown.

That is all there may be to it! Your file is now able to be made into a web site! To view it within the browser (though there may be presently nothing to view), simply right-click the file, open together with your favourite browser.

Okay, now onto the coding! First off: In HTML, all the things is made up of tags. Tags encompass and all the things in between. For instance, the opening tag for an HTML file is. The closing tag is similar, besides it has a ahead slash in entrance of the phrase:. You at all times start and finish HTML paperwork with the opening and shutting tags. Now, between these tags, put within the head tag. It is the identical because the html tag, besides with the phrase “head” as an alternative of “html”:

The pinnacle of your web site is the place you’ll put your web sites title, and any recordsdata your web site requires to run. We are going to get into most of that later; for now, let’s simply put within the title. Insert the title tag (I hope you’ve got discovered how to do that by now) and shut it.

Now, between the title tags, add a title to your web site e.g: My First Web site

Now for the content material. Beneath the closing head tag, make the physique tag, opening and shutting:. The physique of your website is the place the entire content material that folks see goes (the title solely seems within the title-bar of browsers).

If you wish to insert textual content into the physique, use the paragraph tag together with your textual content between the opening and shutting tag.

Save your work, and look at the location the best way I discussed above.

So as to add textual content beneath that paragraph, merely add the paragraph tags once more, together with the textual content inside.

That is all for immediately’s tutorial. By now you must know find out how to: Create an HTML file, add the location title, and add easy text-content. Come again to see our subsequent tutorials!