1 / 13

HTML 101

HTML 101. Hyper Text Markup Language. What is HTML?. It i s the formatting language that is used primarily to compile the visual elements of most websites we use today. It is the skeleton of your web page. It is the structure of your content not the presentation. How to Create a Website.

Download Presentation

HTML 101

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. HTML 101 Hyper Text Markup Language

  2. What is HTML? • It is the formatting language that is used primarily to compile the visual elements of most websites we use today. • It is the skeleton of your web page. • It is the structure of your content not the presentation.

  3. How to Create a Website • Start your HTML page with a DOCTYPE:Example:<!DOCTYPE HTML> • Then choose the language you are using:Example:<html>

  4. How to Add a Heading • In the header of your page you can have a tittle appear. After justifying what language you are using you need to use the tag <head>. Underneath <head> your title tag is written. Remember to close your tags at the end (</tag>) . Example: <title>My First Web Page</title>

  5. How to Add Text • To create a paragraph you must begin your code using the tag <p>. When you complete writing your text you must complete the code by using the tag </p> at the end of your text paragraph.Example:<p>Welcome to my web page! Please visit my blog next for more Image Arts- New Media and HTML related information.</p>

  6. How to Add Meta Tags • A Meta tag is a set of data that provides information on other pieces of data. This tag will help your browser identify and locate your website without having to know the exact title and url of your site when someone searches it in a search engine. Example:<meta name=“” content=“”> A description tag can be used to give a short paragraph to inform a person what your website is about in the search engine.Example:<meta name=“description” content= “Meta Tags”>

  7. How to Add a Link • To have a link between your website and another website you must make a hyper link. The tags that you would use to create a link is <a>,</a> and for the hyper link href.Example:<a href= “http://imagearts.ryerson.ca/nmwiki/index.php?title=Coylan_Subben%2C_Steve_Vatkov%2C_Diana_Zagorski%2C_Tim_McIlveen”>Visit our groups wiki page</a>

  8. How to Add an Image • To add images to your webpage you must use the tag <img>.Example:<imgsrc=“source to image” alt=“alternative text” width=“x” height=“y”> • Alternative text in an imgcode is what replaces an image when a browser does not support the image itself. Pencils

  9. Checking if your Code Works • To verify that your code works save the file as an .html file and then proceed to open it with your web browser.

  10. How to Add Your Webpage to the File Transfer Protocol(FTP) Server • Check to make sure that your webpage is free of any errors. Try using http://validator.w3.org/ to ensure that you didn’t miss any mistakes. • After verifying your webpage you must upload it to an FTP server. You must use a client in order for your files to upload onto the FTP server. FileZilla is a free client that our group used to upload each individual webpage. http://filezilla-project.org/

  11. How to Upload to the Image Arts Server • Uploading the Image Arts Server is just a simple process using free software. • First, one should download FileZilla. • To connect to the server, open up FileZilla and in the “Host” section type in ftp.imagearts.ryerson.ca. For the username, type in your Ryerson Email. The password is your student number. • Once you’re connected to the server, type in “fmpm11/(your username)” into the Remote Site section to get to your server folder. • Delete the index file in your folder and replace it with the document you wish to upload using the browser on the left side. Once the file has uploaded, rename it “index”

  12. Works Cited • "HTML5 Tutorial." easy Web Tutorials. n. d. Web. 23 Oct. 2011. http://www.w3schools.com/html5/default.asp. • "How does HTTP work? - Curiosity." Curiosity. N.p., n.d. Web. 11 Oct. 2011. http://curiosity.discovery.com/question/how-does-http-work

More Related