INTRODUCTION TO HTML ENGL 307 March 28 th, 2012. Hyper Text Markup Language What is HTML?

Slides:



Advertisements
Similar presentations
Introduction to HTML
Advertisements

HTML Basics Customizing your site using the basics of HTML.
Internet Services and Web Authoring (CSET 226) Lecture # 5 HyperText Markup Language (HTML) 1.
Hyper Text Markup Language.  HTML is a language for describing web pages.  HTML stands for Hyper Text Markup Language  HTML is not a programming language,
WeB application development
Website Design.
A guide to HTML. Slide 1 HTML: Hypertext Markup Language Pull down View, then Source, to see the HTML code. Slide 1.
ASHIMA KALRA.  WHAT IS HTML WHAT IS HTML  HTML TAGS HTML TAGS  FORMATTING TAGS FORMATTING TAGS.
1 eVenzia Technologies Learning HTML, XHTML & CSS Chapter 1.
HTML and Web Page Design Presented by Frank H. Osborne, Ph. D. © 2005 ID 2950 Technology and the Young Child.
CIS101 Introduction to Computing Week 05. Agenda Your questions Exam next week - Excel Introduction to the Internet & HTML Online HTML Resources Using.
Made by: Dan Ye. Introduction Basic Last Page ☆ HTML stands for Hyper Text Markup Language; ☆ HTML is not a programming language, it is a markup language;
Introduction to HTML 2004 CIS101. What is the Internet? Global network of computers that are connected and communicate via a series of Protocols Protocols.
HTML FORMATTING. CONTENTS HTML Formatting Formatting Example Formatting Example Output Summary Exercise.
Introduction to HTML academy.zariba.com 1. Lecture Content 1.What is HTML? 2.The HTML Tag 3.Most popular HTML tags 2.
Tutorial 1: Getting Started with HTML5
HTML Overview Part 2 – Paragraphs, Headings, and Lines 1.
Define html document byusing Example : Title of the document The content of the document......
Ku-Yaw Chang Assistant Professor, Department of Computer Science and Information Engineering Da-Yeh University.
ACM 511 HTML Week -1 ACM 511 Course Notes. Books ACM 511 Course Notes.
Introduction to HTML Today we will look at: Separating style and content The purpose of a text editor such as Notepad How web-pages are made Creating a.
HTML INTRODUCTION, EDITORS, BASIC, ELEMENTS, ATTRIBUTES.
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.
Programming in HTML.  Programming Language  Used to design/create web pages  Hyper Text Markup Language  Markup Language  Series of Markup tags 
Course Content - Chapter 2 Introduction to HTML Introduction to a Text Editor as a web authoring tool Instructional Activity: Creating a webpage using.
Introduction to HTML. What is HTML? Hyper Text Markup Language (HTML) is a language for describing web pages. HTML is not a programming language, it is.
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 Codes Miss B.
INTRODUCTION. What is HTML? HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML is not a programming language,
1 What is HTML? Standardized codes Web pages SGML Descriptive markup Tags.
INTRODUCTORY Tutorial 1 Using HTML Tags to Create Web Pages.
Introduction to HTML Wah Yan College (Hong Kong) Mr. Li C.P.
Basic HTML Hyper text markup Language. Lesson Overview  In this lesson, you will learn to:  Write HTML code using a text editor application such as.
CPSC 203 Introduction to Computers Lab 33 By Jie Gao.
HTML Basics Let’s Make a Web Page. What is HTML? HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML is not a.
LEARNING HTML PowerPoint #1 Cyrus Saadat, Webmaster.
CPT 499 Internet Skills for Educators Session Ten Class Notes.
CPSC 203 Introduction to Computers Lab 66 By Jie Gao.
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.
Getting Started with Marking Up Page Content. Tag defines a paragraph Automatically creates some space before and after itself Code Browser Display.
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 HTML Year 8. What is HTML O Hyper Text Mark-up Language O The language that all the elements of a web page are written in. O It describes.
Web programming Part 1: HTML 由 NordriDesign 提供
WEEK -1 ACM 262 ACM 262 Course Notes. HTML What is HTML? HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML.
University of South Asia Course Name: Web Application Prepared By: Md Rezaul Huda Reza
HTML HYPER TEXT MARKUP LANGUAGE. INTRODUCTION Normal text” surrounded by bracketed tags that tell browsers how to display web pages Pages end with “.htm”
HTML Review * is used as a reference for most of the notes in this powerpoint.
HTML: Hypertext Markup Language The language to make web pages 0.
CPSC 203 Introduction to Computers Lab 23 By Jie Gao.
Behind every site is a mix of special languages that your web browser understands The main way of describing any website is HTML HTML stands for Hyper.
HyperText Markup Language (HTML) Developing a Web Page.
HTML Basic Structure. Page Title My First Heading My first paragraph.
HTML. INDEX Introduction to HTML Creating Web Pages Commands And Tags Web Page.
HTML. Hyper Text Markup Language Markup your text document The markup is the tag Hyper text means you can jump from place to place Programming language.
Chapter 4 and 5. Objectives Introduce markup: elements and attributes How browsers interpret HTML documents Basic structure of HTML document What do style.
Week-11 (Lecture-1) Introduction to HTML programming: A web based markup language for web. Ex.
Pertemuan 1 Desain web Pertemuan 1
Web Basics: HTML/CSS/JavaScript What are they?
HTML Lab 5 10/1/2015.
WEB PAGES: CREATING AND MAINTAINING **
INSTRUCTIONS This presentation was designed to first be viewed in class with the instructor. Students may then view it on their workstations while trying.
HTML Intro.
What is HTML?.
HTML Formatting Text.
Introduction to HTML5.
Internet Technologies I - Lect.01 - Waleed Ibrahim Osman
WEB DESIGNING THROUGH HTML
Getting Started with Marking Up Page Content
Presentation transcript:

INTRODUCTION TO HTML ENGL 307 March 28 th, 2012

Hyper Text Markup Language What is HTML?

What is this sorcery?  HTML is made up of elements  These elements indicate structure  Structure and content are two separate monsters  The tools used to build pages can be no frills and are usually built right into the computer

Tools  Notepad (Windows)  TextEdit (Mac)  TextWrangler (Mac)  jEdit (Windows and Mac)  Notepad++ (Windows)

Why HTML is Awesome  It uses plain text  It works on all computers  It describes what documents mean  It’s easy to learn the basics  It’s free (Harris, 2011)

Meet the Tags  Tags are what separate elements from one another  Start with a  Basic foundational tags: 

Building a Page

Adding Text  Starting a new paragraph   Paragraph alignment   Line breaks   Headings  and so on

Formatting Text  is for text that has strong importance  is for text that should be presented in bold but doesn’t have greater importance (i.e. keywords)  is for words that have emphatic stress  is for text that should be in italics but has no extra emphasis

Assignments for Next Class  Readings and tweets (posted to course site)  Make a basic page in HTML and screenshot it. Post it to your blog with a write up of the process. Be ready to discuss these in groups next class.