Wednesday, 21 September 2011

What is HTML? What is CSS

HTML stands for HyperText Markup Language, it is the markup language for programing webpages it is divided up by tags. All tags fall in the Head or Body main tag. All tags have <> around them e.g. <title>. to stop using that or Closing as it's called is when you repeat the tag a part from after you put < you put a / as well, but if you wish to close the tag in the tag put the / before the >. e.g. </title> or <br/>.  
Useful tags: 
<head>
<body>

<h1>
<title>
<p>
<br/>
<strong>
<ol>
<ul>
<li>
<tr>
<a href="">
<img src="">
<i>

CSS stands for Cascading Style Sheets, it allows for more flexibility in the coding of webpages in tags you can add a "style=" in the tag followed by an variable e.g. <p style="colour:blue">hello </p>. To a another variable just add a ; after the previous one. e.g. <p style="colour:blue;font-size:small">hello </p> . you can define a set of variables, to run for all tags of that type. This is done by nameing the type then put in the varibles as previously in {} right after <style type="text/css"> all of this should be put in the <head> tag. e.g. <style type="text/css">p{color:blue;font-size:small}</style>. You can also add your own "class", which is a custom interchangeable variable, by haveing the same tag as before but instead of useing a already exsiting tag put anyword you wish to use but put a full stop in front of that word. e.g. <style type="text/css">.anyword{color:blue;font-size:small}</style>. when you wish to use it put in the desired tag put class="word". e.g. <p class="anyword"> hello </p>

1 comment:

  1. Fab summary - you were great on this topic. Only bit missing is an example of external style sheets - that last bit of theory

    ReplyDelete