Web Fundamentals Basics 1

Página 1

How webpages are created - Every webpage is written in HTML.

- HTML is the skeleton that gives every webpage structure.

- HTML has its own syntax, which are rules that govern how it works.

HTML and CSS - HTML stands for Hypertext Markup Language.

- Hypertext means text with links in it.

-

Markup language is a programming language used to turn text into the

structure of a website and make it do different things, like images,

links, tables etc.

- CSS is used for the apperance of a website.

Important Elements of a basic HTML document -

Put // "" at the top of the first line, This tells the

browser what language is used in the document, in this case html.

- Put on the next link. This shows the start of the html document.

- Put at the end of the document. This shows where the html document ends.

- Everything in the HTML document goes in between the and tags.

-

HTML Terminology - HTML uses tags as its building blocks.

- Tags are surrounded by

- Tags typically come in pairs. Each one has an opening tag and a closing tag.

- Open tags look like this:

- Closing tags look like this:

- Tags also nest, meaning that when you open tags, the most recently opened one should be the first one that is closed.

Example: Some text!

HTML Document Parts - Each html document has two parts, a head and a body.

The Head

- The head has its own opening and closing tag

- The head shows important information about the web page, like the title.

- The title are the words that you see in teh tab.

Example of head and title code:

Marks Website

The Body - The body tags are

- Content goes in this section of the website. Anything that is put in here will be visible on the website.

Paragraphs - Paragraph tags are used to show paragraphs on a website.

- The tags are

- Any content put in between these tags will show up on the website.

Elements - An html element is a pair of tags and the content that you put in the middle.

- element = + content +

Example: This is content

Headings

- Heading tags are use to mark text in html as headings to give the content some importance.

- Heading tags are:

- Heading tags have open and close tags.

- The h1 tag is used for the biggest heading.

Images

- The image tag img> is used to add images to a website.

- Instead of putting content between the img tags, we actually tell the img tag where the image is located and do not add a closing tag.

- Img has a / in the first tag to close it.

- To tell the img tag where an image is, we use the src atrribute.

Example: img src="http://www.google.ca/stuff.jpg />

Images - The image tag is used to add images to a website.

- Instead of putting content between the img tags, we actually tell the img tag where the image is located and do not add a closing tag.

- Img has a / in the first tag to close it.

- To tell the img tag where an image is, we use the src atrribute.

Example: http://www.google.ca/stuff.jpg />

Links - The anchor tag is used to create links in an html document.

- The anchor tag is:

- The anchor tag has href attribute that is used to tell the link where to go.

Example:

- Any content that is put between the tags will be underlined as a hyperlink.

- href stands for hypertext referance.

Links - The anchor tag is used to create links in an html document.

- The anchor tag is:

- The anchor tag has href attribute that is used to tell the link where to go.

Example: http://www.google.ca/sample.jpg">

- Any content that is put between the tags will be underlined as a hyperlink.

- href stands for hypertext referance.

New Page