Group Exercise: HTML 5 – 101

Group members: Dylan, Andrew, Vanessa, Chelsea, Carla, Jen

If you’re looking for some more in depth information on creating websites, see below:

  • A website is a collection of web pages that can be accessed by the internet (World wide web). These webpage’s are likely to include information such as text, pictures, video and audio. Websites are hosted on one or multiple servers.

 

  • A webpage is one particular document/page of a website, rather than a collection of pages that is accessed through the Internet. A webpage is typically written in plain text and formatted with Hypertext Mark-up Language (HTML)

 

  • A website is coded through HTML (hypertext Mark-up Language), the particular language used determines the structure, appearance and conduct of the webpage. HTML coding elements consist of tags, which aren’t visible on the browser, the tags the infrastructure or building blocks behind the functioning of the page.

 

  • Htm5 is a markup language for structuring and presenting for the World Wide Web, and is a core technology for the Internet. It is not software but rather a new version of the HTML language. HTML is a type of coding string.

 

  • When writing an HTML tag you must start by opening up the tag with “<” then closing with “>”. In some cases you may have to close the tag with “/>”
  • The doctype declaration <!DOCTYPE>must be the very first thing in your HTML document even before the <html> tag. The doctype is not an html tag; but it is an instruction to the web browser about what version of HTML the page is written in.

 

  • Attributes provide additional information about html elements, which are specified in the start tag. For example. links are defined with an <a> tag, the address is specified with the href attribute. Attribute values must always be quoted. (e.g. <a href=”http://www.youtube.com/watch?v=4KJpVCQUEIY“>Born Ruffians</a>)

 

 

  • The <meta> tag provides metadata about the html document. Metadata will not be displayed on the page but will be analyzed by the machine. A meta tag is used to specify page description, key words, author of the document, last modified, etc. (e.g. define a description of your web page- <meta name=”description” content=”Free Web tutorials on HTML and CSS” />)

 

  • To write text you’d like to see on your page you use the <p> tag, meaning paragraph. (e.g. <p> She Sells Seashells by the Sea shore</p>)

 

  • Basically, H1 tag is a title tag. For other programs to read the site, it is important to use the H1 tag properly. It is a tag where it shows which is a title from other parts. There are H1, H2, H3, H4, H5, and H6. The numbers are for the sizes of the title. Lowest number is the biggest, and the higher the number gets, the title becomes smaller. Therefore, H1 tag is used to help the programs to properly read the title of the site.

 

  1. Identify the image you want to use.
  2. Modify the image if necessary.
  3. Choose your image type.
  4. Put your image in the right place.

    a) Put image file in the same directory as the HTML file.

  1. Build your page as normal.

    b) The image will be placed with a tag embedded into the body.

  1. Use the <img> tag to indicate the image.

    c) Embed this tag inside a <p></p> (paragraph) or <div><div> (division) pair so that the page validates correctly.

  1. Use the src attribute to indicate the file containing the image.

    d) If the image file is in the same directory as the web page, all you need is the name of the image. If the image file is elsewhere on the internet, you can use a complete URL.

  1. Include an alt attribute that describes the image.
  2. End the image tag with a /.

    e) The img tag is a special one-shot tag that doesn’t require an end tag.

 

  • FTP is a short form for File Transfer Protocol. As it mentions in the name, FTP is used to transfer files or data from computer to another. By using FTP, transferring large data or programs could be done in fast speed.
Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s