HTML CONTENT ELEMENTS THE BULK AND MEAT OF THE PAGES THAT YOU’LL CREATE. YOU’LL LEARN TO RELY ON THESE BABIES FOR ALL THE WEB PROGRAMMING YOU DO.

Slides:



Advertisements
Similar presentations
HTML Basics Customizing your site using the basics of HTML.
Advertisements

Introduction to HTML & CSS
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,
Website Design.
Lesson 1 Quick HTML Know-How. A little HTML History In 1990 Tim Berners-Lee invented: World Wide Web HTML (hypertext markup language) HTTP (HyperText.
ASHIMA KALRA.  WHAT IS HTML WHAT IS HTML  HTML TAGS HTML TAGS  FORMATTING TAGS FORMATTING TAGS.
HTML / CSS – Basics Why the heck are we doing this?
Making Things Look Nice: Visual Appearance and CSS CMPT 281.
 To publish information for global distribution, one needs a universally understood language, a kind of publishing mother tongue that all computers may.
To. An easy way to explain the internet is to think of your school computers all linked together into a network that you can put information into.
HTML tags Skills: adding HTML tags, text editor IT concepts: plain text, computer components – storage versus memory, separation of content and format.
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;
Basic HTML. HTML Background November 1990, first created by Tim Berners Lee, the father/inventor of WWW Knighted by Queen Victoria in 2004 Hypertext is.
Developing a Basic Web Page with HTML
HTML Presented by: Ondřej Procházka Course: Distributed Data Processing Mentor: Rafał Michalski.
Introduction to HTML. What is a Web site? A collection of "pages" or files linked together and available on the World Wide Web What do you need to create.
Basics of HTML.
Web page - A Web page is a simple text file that contains HTML tags (code) that describe what should be displayed on the browser. -The Web browser interprets.
Cascading Style Sheet. What is CSS? CSS stands for Cascading Style Sheets. CSS are a series of instruction that specify how markup elements should appear.
HTML. We’ll learn … What HTML is What tags are What a basic web page looks like What 3 HTML tags are required What HTML comments look like How to title.
Creating Web Pages with HTML
Principles of Web Design 6 th Edition Chapter 1 – HTML5.
HTML & CSS A brief introduction. OUTLINE 1.What is HTML? 2.What is CSS? 3.How are they used together? 4.Troubleshooting/Common problems 5.More resources.
Define html document byusing Example : Title of the document The content of the document......
DIY Web Development Hand Code Your Own Page (For Free!) by Bryan Brown, Indiana University Bloomington SLIS.
With your friendly Web Developer, Chris.. Terminology  HTML - > Hypertext Markup Language  CSS -> Cascading Style Sheet  open tag  close tag  HTTP->Hypertext.
Introduction to HTML5. History of HTML HTML first published – Tim Berners-Lee HTML 2.0 HTML 3.2 HTML 4.01 XHTML 1.0 XHTML 2.0.
Styling and theming Build campaigns in style. What we'll look at... How a web document is structured How HTML and CSS fit together Tools you will need.
>> Introduction to HTML: Tags. Hyper - is the opposite of linear Text – words / sentences / paragraphs Mark-up – Marking the text Language – It is a language.
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.
JMD2144 – Lesson 4 Web Design & New Media.
HTML CSS JAVASCRIPT. HTML - Stands for Hyper Text Markup Language HTML is a ‘language’ that describes web pages. This language is a collection of codes.
Computer Information Technology – Section 3-4. HTML – The Language of the Internet Objectives: The Student will: 1. Look at HTML 2. Understand the basic.
 cascade Style Sheets (CSS) is a mark-up language that was first proposed in 1994 by Håkon Wium Lie. CSS works in conjunction with HTML to greatly increase.
Creating Webpage Using HTML
HTML Codes Miss B.
HTML Internet Basics & Beyond. What The Heck Is HTML? HTML is the language of web pages. In order to truly understand HTML, you need to know a little.
Copyright 2007, Information Builders. Slide 1 Understanding Basic HTML Amanda Regan Technical Director June, 2008.
CA Professional Web Site Development Class 2: Anatomy of a Web Site and Web Page & Intro to HTML.
 HTML is hypertext markup language. It is a way for people to display their information with more complex pictures and text displays. Before HTML, messages.
HTML file format  Lesson Objective: Understanding HTML and how it is used to create web pages.  Learning Outcome:  Create a HTML page by interpreting.
1 Web Application Programming Presented by: Mehwish Shafiq.
CPSC 203 Introduction to Computers Lab 66 By Jie Gao.
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.
Are You Smarter Than a 5 th Grader? 1,000,000 5th Grade HTML 5th Grade Syntax 4th Grade HTML 4th Grade Syntax 3rd Grade HTML 3rd Grade Syntax 2nd Grade.
XML The Extensible Markup Language (XML ), which is comparable to SGML and modeled on it, describes how to describe a collection of data. A standard way.
Headings are defined with the to tags. defines the largest heading. defines the smallest heading. Note: Browsers automatically add an empty line before.
Spiderman ©Marvel Comics Creating Web Pages (part 1)
INTRODUCTION JavaScript can make websites more interactive, interesting, and user-friendly.
University of South Asia Course Name: Web Application Prepared By: Md Rezaul Huda Reza
Getting Started with HTML. HTML  Hyper Text Markup Language  HTML isn’t a program language, its known as a markup language  A Markup language has tags.
CPSC 203 Introduction to Computers Lab 23 By Jie Gao.
HTML Basic Structure. Page Title My First Heading My first paragraph.
Creating Your 1 st Web Page. Tags Refers to anything between on a webpage Most appear in pairs surrounding content Some appear as empty tags (no closing.
HTML cancho. HTML HyperText Markup Language A set of HTML tags.
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.
HTML Tutorial. What is HTML HTML is a markup language for describing web documents (web pages) HTML documents are described by HTML tags Each HTML tag.
Web Design Principles 5 th Edition Chapter 3 Writing HTML for the Modern Web.
Basic HTML Page 1. First Open Windows Notepad to type your HTML code 2.
Web Accessibility. Why accessibility? "The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect."
Web Basics: HTML/CSS/JavaScript What are they?
Mansoor Ahmed Bughio.
Basic HTML and Embed Codes
HTML 12/27/2018.
Mozafar Bag-Mohammadi
Introduction to HTML5.
Pertemuan 1b
WEB & HTML Background Info.
Pertemuan 1 Desain web Pertemuan 1
Presentation transcript:

HTML CONTENT ELEMENTS THE BULK AND MEAT OF THE PAGES THAT YOU’LL CREATE. YOU’LL LEARN TO RELY ON THESE BABIES FOR ALL THE WEB PROGRAMMING YOU DO.

HTML CONTENT ELEMENTS ARE YOUR FRIENDS Content elements will display everything you share in HTML 5. Elements are the structure behind your page. You’ll use tags such as,,, and, to create the essential framework of your page, but it’s the content elements that actually compose the visible page that your users are actually coming to see.

HOW DID ALL THIS COME ABOUT? According to the HTML was originally developed by Tim Berners-Lee while working at CERN. His original idea was to link together different articles and research documents. Berners-Lee’s original idea was to be able to quickly bounce between articles for and information that was referenced in the text. The concept of using opening and closing tags ( … ) was taken from Standard Generalized Mark-up Language, which was the closest forerunner to the HTML that we know today. Once again, nerds make good things come to life

BUILD ME A WEBSITE As mentioned earlier, the content elements create the visible page you’ll create. Think about it. What are the elements (or tags) you use the most? for your text paragraphs, tags for your, well, images, and the like for your headings. Even when using JavaScript you’ll be using and or elements to specify where your JavaScript will be displayed. These are called physical tags. You’ll also use logical tags, which are things like your tag, and tags, but these will all be used for styling and adding functionality to your website. We’ll get to that.

LET’S DRILL THAT INTO YOUR HEAD.. Logical TagsPhysical Tags The managers and directors behind the scenes. Like your mom, you don’t see or miss these tags until they’re gone. The actors and actresses who keep the camera’s focus. These are the only tags most people see or care about. You get the idea by now, right? &

LETS SEE AN EXAMPLE Show Me The Content (THIS IS WHERE THE MAGIC HAPPENS)