HTML and CSSTTo build a web page you will need a few things• A text editor such as programs called Notepad++, Sublime text, Microsoft's Visual Studio or even just the Notepad program which is available on Windows• A web browser such as Google Chrome, Firefox, or Internet Explorer No experience in HTML, CSS, or any other web development experience is needed for this tutorial. HTML stands for Hyper Text Mark-Up and is a scripting language used for create web pages. CSS stands for Cascading Style Sheet and works together with HTML to style the website, I will talk about CSS later in this tutorial. Creating a Website First open the text editor of your choice, in this tutorial I will be using Sublime text. Highlight, copy, and paste the following code into your text editor. I'll explain what's happening shortly. Next create a folder on your desktop, I called it "Tutorial", now save it as "index.html" and then right click and open it in the browser of your choice. It should look like this. Congratulations, you've created your first web page. What happens In this section I'll go through the code you just added and explain what it does and the basics. Every element within the HTML uses tags, like you can see the example code I provided, it uses a head tag, a link tag, a title tag, a body tag, an h1 tag and an ap tag. This tag declares that the document uses HTML; this is not always necessary but it is good practice to add it to your page. Then we have the head tag. The head tag is located at the top of the document and is used to add metadata, information such as the title and author of the document, link other documents such as CSS and JavaScript style sheets together in the... center of the paper.. .. ..dWhen using a stylesheet it is important to remember that stylesheets overlap, this means that the stylesheet used can be overridden by another stylesheet or an inline style, an example of this is Bootstrap . Bootstrap is a CSS framework that essentially has styles, to create a nice looking website, out of the box. Bootstrap is linked to the document like a normal stylesheet, however it is crucial to list bootstrap first because if you want to change any styles these will be overwritten as the web browser will always prioritize the latest stylesheet and will cascade over the document and you will see that the last linked stylesheet is the latest styles. References Ed Tittle, Jeff Noble (2011). HTML, XHTML and CSS for dummies. United States: Wiley Publishing. 1-392.http://www.w3schools.com visited May 27, 2014http://stackoverflow.com/ Visited May 29 2014
tags