1 / 11

HTML Intro

HTML Intro. Mr. Rouda’s CSCI 101 sections. What does a web page consist of?. Code HTML, CSS, XHTML, XML, etc. Images Gif, jpg, png, etc. Plugins Swf, flv, etc. JavaScript Jquery, etc. What happens when I request a page?. I type the URL “faculty.winthrop.edu/roudaj/”

yazid
Download Presentation

HTML Intro

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 Intro Mr. Rouda’s CSCI 101 sections

  2. What does a web page consist of? • Code • HTML, CSS, XHTML, XML, etc. • Images • Gif, jpg, png, etc. • Plugins • Swf, flv, etc. • JavaScript • Jquery, etc.

  3. What happens when I request a page? • I type the URL “faculty.winthrop.edu/roudaj/” • That machine sends me one file from the specified directory. That file is plain text, but contains special codes to tell the browser how to display the text. • view source • That file contains references to other files (which happen to be images), so the browser requests those files also. • The browser prints everything on the screen.

  4. What are Browsers? • Internet Explorer (IE) • Firefox • Google Chrome • Apple Safari

  5. Retrieving a Web Page without a Browser • From the Windows menu, select "run..." • Type “CMD” • Press “Enter” • Type “telnet google.com 80” • Press “Enter” • Type “GET” • Press “Enter” ** In Linux or Mac you can type “curl google.com” in the terminal.

  6. How are web pages organized? • directories/folders and files • example: • http://faculty.winthrop.edu/contains directories for each faculty website. My directory is “roudaj” • each of those directories contain a file named default.htm which is the main page of the website…or the Home Page. ** In some servers this page can be default.XXX or index.XXX or whatever the server admin sets it as.

  7. What sort of files can you put on a web site? • HTML .html or .htm • Text .txt • PDF .pdf • Images .jpg, .gif, .png, etc • Sound Files .wav • MS Word or PPT .docx, .doc, .ppt, .pptx– not a good idea • CGI .cgi, .pl will run a program on the web server machine • Scripts .asp, .php, .jsp run scripts on the “Server Side” and can query databases on the server machine. • JavaScript files (.js) run on the “Client Side” to change the look of a website.

  8. HTML Example One • use notepad to create a file • type “hi class” • save as test_one.html • use browser to open the file

  9. Example Two • HTML Tags. <html> <head> <title>Hello World</title> </head> </html>

  10. Example Three <html> <head> <title>Hello World</title> </head> <body> <p>Testing text. Make this <b>bold</b> </p> </body> </html>

  11. Hyperlinks **Note all should be in the body tags** <p>This is a <a href="bob.htm">link</a> to the file bob.</p> <p><a href="http://www.youtube.com">link</a> to youtube</P> <p><a href="mailto:roudaj@winthrop.edu">Mr. Rouda’s email</a></p>

More Related