2014年2月3日星期一

html for noobs(well... someone noober than me)

                                         Important

   Before starting, read this:

For anyone who used html already,you may want to skip this.

For anyone who had not used html before...you may want to skip it too.

image from http://noeiktech.files.wordpress.com/2012/11/html-pointing-sign-clipart.jpg
 

                                     What is html?

  Html basicly means hyper text makeup language.They "mark up" text on how they will be displayed in the browser.

                                 How Does It Work?

For newbies, you may think html is a mess.Like this:

nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Important</h2>
<h4>
&nbsp;&nbsp; Before starting, read this:</h4>
<h4>
For anyone who used html already,you may want to skip this.</h4>
<h4>
For anyone who had not used html before...you may want to skip it too.</h4>
<h2>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;What is html?</h2>
&nbsp; Html basicly means hyper text makeup language.They "mark up" text on how they will be displayed in the browser.<br />
<h2>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Hwo Does It Work?</h2>
For newbies, you may think html is a mess.
(from the html of this blog)


Well,you are half correct,it is an organised mess ,things have meanings:
  1. <html>...</html>------indicates...is a html
  2. <head>...</head>------contains webpage information (e.g. <title>...</title>)
  3. <body>...</body>------contains main content and structure.
With these, you can create a webpage,it should look like this:
<html>
<head>
<title>...</title>
</head>
<body>...</body>
<html>

                                              Tabs

Read this:#=</original text>
  • <h1-6>-----------------------------------------------font(1 is the smallest and 6 is the biggest)
  • <p>#--------------------------------------------------to make paragraph
  • <b>#--------------------------------------------------to make bold text
  • <em>#------------------------------------------------to make italic text(e.g.I am a noob)
  • <u>#--------------------------------------------------to make underlined texts
  • <br>---------------------------------------------------to make line break
  • <hr>---------------------------------------------------to make a horizontal line
  • <a href="hyperlink adress">the hyperlink</a>-to insert a hyperlink
  • <img src="location of image">-------------------to insert a image




all info come from myself except for the image

没有评论:

发表评论