Document Structure & HTML

Slides:



Advertisements
Similar presentations
Internet Services and Web Authoring (CSET 226) Lecture # 5 HyperText Markup Language (HTML) 1.
Advertisements

HTML Minute University Richard Fisher 10/1/2001 HTML FSA Training2 HTML Overview  HTML  HyperText Markup Language.
Computer Science 1611 Internet & Web Creating Webpages Hypertext and the HTML Markup Language.
MA10126 Introduction to HTML Gavin Shaddick
Topics in this presentation: The Web and how it works Difference between Web pages and web sites Web browsers and Web servers HTML purpose and structure.
Basic HTML Workshop LIS Web Team Fall What is HTML? Stands for Hyper Text Markup Language Computer language used to create web pages HTML file =
Chapter 2 Introduction to HTML5 Internet & World Wide Web How to Program, 5/e Copyright © Pearson, Inc All Rights Reserved.
Basics of HTML Shashanka Rao. Learning Objectives 1. HTML Overview 2. Head, Body, Title and Meta Elements 3.Heading, Paragraph Elements and Special Characters.
HTML Structure & syntax
Essential Tags Web Design – Sec 3-3 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course materials.
Essential Tags Web Design – Sec 3-3 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course materials.
Using Html Basics, Text and Links. Objectives  Develop a web page using HTML codes according to specifications and verify that it works prior to submitting.
HTML. WHAT IS HTML HTML stands for Hyper Text Markup Language HTML is not a programming language, it is a markup language A markup language is a set of.
HTML CRASH COURSE. What is HTML?  Hyper Text Markup Language  The language used to make web pages  Written by using tags.
Introduction to HTML. What is a HTML File?  HTML stands for Hyper Text Markup Language  An HTML file is a text file containing small markup tags  The.
 2008 Pearson Education, Inc. All rights reserved Introduction to XHTML.
Just Enough HTML How to Create Basic HTML Documents.
HTML Hyper Text Markup Language. What is an HTML File?  HTML stands for Hyper Text Markup Language  An HTML file is a text file containing small markup.
HTML INTRODUCTION. What is HTML?  HTML stands for Hypertext Markup Language  Developed in 1990  Hidden code that helps us communicate with others on.
Basic HTML PowerPoint How Hyper Text Markup Language Works
Creating Webpage Using HTML
Introduction to World Wide Web Authoring © Directorate of Information Systems and Services University of Aberdeen, 1999 IT Training Workshop.
1 Creating Web Pages Part 1. 2 OVERVIEW: HTML-What is it? HyperText Markup Language, the authoring language used to create documents on the World Wide.
Lesson 7 – World Wide Web. What is the World Wide Web?  The content of the worldwide web is held on individual web pages gathered together to form websites.
HTML Structure & syntax. Introduction This presentation introduces the following: Doctype declaration HTML Tags, Elements and Attributes Sections of a.
HTML Basics BCIS 3680 Enterprise Programming. Web Client/Server Architecture 2  Your browser (the client) requests a Web page from a remote computer.
HTML BTEC National in Computing Section5. Create Information “HTML: defining HTML, discussing HTML uses and demonstrating HTML basics, HTML structure…..
HTML Basics Computers. What is an HTML file? *HTML is a format that tells a computer how to display a web page. The documents themselves are plain text.
HTML Basic. What is HTML HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML is not a programming language, it.
Introduction to Web & HTML
Department of Computer Science, Florida State University CGS 3066: Web Programming and Design Spring
1 Introduction to HTML. 2 Definitions  W W W – World Wide Web.  HTML – HyperText Markup Language – The Language of Web Pages on the World Wide Web.
Finally getting to html and CSS… Tim Berners-Lee, the writer of the software program that makes him the inventor of the WWW, defines the Internet as a.
HTML Structure & syntax
HTML Structure & syntax
4.01 How Web Pages Work.
Basic concepts of web design
Getting Started with HTML
HTML Extra Markup CS 1150 Spring 2017.
4.01 How Web Pages Work.
Online PD Basic HTML The Magic Of Web Pages
Introduction to HTML.
4.01 How Web Pages Work.
Tonga Institute of Higher Education IT 141: Information Systems
Section 4.1 Section 4.2 Format HTML tags Identify HTML guidelines
Introduction to HTML Section A – Programming, HTML
Introduction to basic HTML
Essential Tags Web Design – Sec 3-3
Elements of HTML Web Design – Sec 3-2
Uppingham Community College
Basic HTML PowerPoint How Hyper Text Markup Language Works
3.00cs HTML Overview 3.00cs Develop webpages.
Essential Tags Web Design – Sec 3-3
Introduction to XHTML.
Elements of HTML Web Design – Sec 3-2
Basic HTML PowerPoint How Hyper Text Markup Language Works
Tonga Institute of Higher Education IT 141: Information Systems
What is HTML anyway? HTML stands for HyperText Markup Language. Developed by scientist Tim Berners-Lee in 1990, HTML is the "hidden" code that helps us.
HTML What is it? HTML is a computer language devised to allow website creation. These websites can then be viewed by anyone else connected to the Internet.
Tonga Institute of Higher Education IT 141: Information Systems
Internet Technologies I - Lect.01 - Waleed Ibrahim Osman
Chapter 16 The World Wide Web.
Introduction to HTML.
Understand basic HTML and CSS terminology, concepts, and basic operations. Objective 3.01.
Web Application Development
HyperText Markup Language
MA10126 Introduction to HTML
HTML Structure & syntax
4.01 How Web Pages Work.
4.01 How Web Pages Work.
Presentation transcript:

Document Structure & HTML HTML REVIEW

URL ADDRESS When users request a web address (URL) that does not include a filename (for example, www.somedomain.com) the server automatically looks at that address for a file named index.html If it finds that file, that's the file it sends to the browser If index.html is not available, the server has a short list of other filenames it will try (e.g., index.htm, index.shtml, default.htm, etc.)

Basic HTML Markup

What is HTML? HTML stands for HyperText Markup Language It is plain text, but includes a variety of codes or "tags" that define the structure of the document HTML is the predominant language of the World Wide Web HTML is how two computers speak to each other over the internet

HTML is “spoken” by two computers Client – the client is used by the person surfing the net, such as the computer your are looking at right now Server – a server stores and distributes websites over the net. Website scripts run in one of two places – the client side, also called the front- end, or the server side, also called the back-end. The client of a website refers to the web browser that is viewing it. The server of a website is, of course, the server that hosts it. Client-side means that the action takes place on the user’s (the client’s) computer. Server-side means that the action takes place on a web server.

HTML is “spoken” by two computers Most web coding languages are designed to run on either the server side or the client side. This largely defines how they work. Here are some examples. The terms are often encountered in the phrases “server-side” and “client-side”; meaning something occurs on the server or the client.

some facts about HTML tags Web pages are just plain text "Tags" provide web browsers with instructions about the web page Tags are always enclosed in angle brackets: < >. Tags are comprised of elements and attributes Tags usually travel in pairs. An opening tag begins a section of page content, and a closing tag ends it. A few tags are called non-container tags, because they don't contain any content - they stand alone. Examples are images and line breaks. Tags in HTML are not case sensitive, but in XHTML all tags must be in lower case. Even when coding in HTML, you should get in the habit of writing tags in lower case. White space is ignored by web browsers. So, if you hit the space bar multiple times within a document, only one of those spaces will actually be displayed by the browser. Tags can be nested Common HTML Tags some facts about HTML tags

Document Structure Handout Review

What is the first tag that must appear at the top of every HTML5 web page? What are the two main sections of an HTML document? Which element serves as a container for all the visible content of a web page? (div or span) Which of the new HTML5 semantic elements serves as a container for the navigation menu? Which element is used to identify the main heading on a page? Which element is used to add an image to a page? Code questions code review

Comments In Your Code

Comments In Your Code Use comments to explain your code to others. Often, you will be creating web pages as a member of a team, and other team members may need to read and understand your code. Even if you're the only person working on a particular web page, there may be others later who need to read and understand your code. Use comments to explain your code to yourself. As you're learning new web design techniques, it can be very helpful to add reminders to yourself as to why you used a particular tag or group of tags. <!-- Your comment goes here -->