HTML-CSS Help
What is HTML/CSS?
HTML stands for Hypertext Markup language. This is simply a set of tags and attributes which are used to manipulate text on a web page. Everything you see on a web page has html and css (Cascading Style Sheets) behind it. It is basically a code that the computer uses to make a web page be visible and function. The following blue text inside the clammern is called an html tag. An html tag usually has a start and an end for example: (the start)< body> here is the text inside the body or the content </body>(the end). CSS stands for cascading style sheet. What this actually is ,is the following red highlighted text without the word command: < body style=”command”>.By using this specific attribute inside of an html tag ,one can use certain commands to change the positions of the text and all around style of the page. Using both HTML and CSS together one could build and design an entire web site.
All though there are many different html tags here are some of the basic ones that make up a webpage:
<html> </html> the beginning and end of markup(contains entire document)
<head> </head> header
<title> </title> puts the title in the title bar
<body> </body> contains content
<a> </a> hypertext ( href --this is used inside the <a> tag and states the URL were the link will go)
<img> </img> image (src is an attribute that states the file name of the image)
<p> </p> paragraph
<h1> </h1> paragraph structure (from h1 to h6)
<ol> </ol> paragraph structure (ordered list)
<div> </div> divides page (class- an attribute used inside the <div> tag that means a certain styling used here may occur often in the document)
<form> </form> form (can accept user input )
<input> </input> to be used inside a form to designate were user may input information(type – to be used inside of input to determine how data entry will be accepted or transferred. For example; text boxes or submit buttons)
<!–> <!–> comment (to write invisable notes that can not be seen in the browser)
<script> </script> lets user know that the text within this tag is script and will allow the capability of user interaction with the page
Basic HTML/CSS structure
<html>
<head>
</head>
<body>
</body>
<html>
These html tags are used for the basic structure of almost all web pages. If you are a beginner I would not recommend trying to build an entire site by coding html. There are programs on the market which take basic css and assist one in building a site. Dream Weaver is a very popular program which lets the user work with a premaid templates and copy and paste type tools to create a site while it does the coding for you in the background. Although a basic knowledge of html should be forhand, such a program saves an unbelievable amount of time and stress.