HTML 101.

Slides:



Advertisements
Similar presentations
Source: ojects/tabber/ ojects/tabber/
Advertisements

MASTERY OBJECTIVE: Learn parts of an html document Learn basic html tags HTML-An Introduction.
ADAM AKESSON’S E-PORTFOLIO For the Thinking Through Computing Learning Community.
Common Page Design. Graphics and Tables Uses: Objects Numbers Concepts Words.
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 history, Tags, Element. HTML: HyperText Markup Language Hello World Welcome to the world!
Web pages in Linux David Douglas Sam M. Walton College of Business, University of Arkansas.
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
Lesson 2: Basic HTML Code Basic HTML Code. HTML is an acronym for Hypertext Markup Language. Internet browsers translate the HTML code into texts and.
My Homepage Welcome to my Homepage! SPOT THE BUG No closing title tag.
HTML. Hypertext Markup Language Lesson Objectives 1. We will be able to understand the need for HTML and where it is used 2. We will be edit HTML to.
The Language of the Internet. HTML5 Hypertext Markup Language- Fifth iteration Used to create documents containing text, images, and hyperlinks Has Grammar.
>> HTML: Structure Elements. Elements in HTML are either Inline or Block. Block-level Elements – Begins on a new line – Occupy the whole width – Stacks.
HTML Lesson 2. Review Questions  What are HTML tags used for?  What do HTML tags look like?  What are the 3 required HTML tags?  In what section of.
Colors & Fonts Building a Website Lesson 7. Font Font The tag specifies the font face, font size, and color of text. The tag can have any or all of these.
HTML.
UF and College of Medicine Web Pages. UF and Com Web Pages Makes heavy use of CSS Uses Server Side Includes Not the Dreamweaver kind of Templates.
Mark Dixon Page 1 Tech – HTML. Mark Dixon Page 2 Admin Attendance Register: –log in to your profile.
The Teacher Computing HTML HyperText Markup Language.
Introduction into JavaScript Java 1 JavaScript JavaScript programs run from within an HTML document The statements that make up a program in an HTML.
 A PHP script can be placed anywhere in the document.  A PHP script starts with  The default file extension for PHP files is ".php".  A PHP file normally.
This shows CIS17 and the first day introduction..
Notes Test #2 will be held one week from this Thursday Check to see if you have a Vision account –Launch Netscape –Point & Click to location and type vision.
HTML two 1) Tags 2) Blocks 3) Style. Tags Opening tags: Closing tags:
Basic Steps to create a Website using HTML5. Hypertext Markup Language.
HTML Basic Structure. Page Title My First Heading My first paragraph.
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 Headers/Parag raphs. How to make a heading  Page Title This is a Heading This is a paragraph.
HTML LAYOUTS. CONTENTS Layouts Example Layout Using Element Example Using Table Example Output Summary Exercise.
INTRODUCTION ABOUT DIV Most websites have put their content in multiple columns. Multiple columns are created by using or elements. The div element is.
HTML Basics Text, Images, Tables, Forms. HTML Structure HTML is comprised of “elements” and “tags” – Begins with and ends with Elements (tags) are nested.
Hello Educational presentation.
Getting Started – Basic Page Structure
Getting Started with HTML
Pertemuan 1 Desain web Pertemuan 1
Web Basics: HTML/CSS/JavaScript What are they?
Coding, Testing and Valdating a Web Page
>> CSS Rules Selection
CSE 3! By Emma Sasson CSE Online Webpage HTML WORD EXCEL ALICE
Basic HTML PowerPoint How Hyper Text Markup Language Works
Code? What is Code? 5 min - Opening vid 15 min: Intro & context
Intro to Web Development Class A Review
ITI 133 HTML5 Desktop and Mobile Level I
PAGE LAYOUT - 1.  Most HTML elements are defined as block level elements or inline elements.  Block level elements normally start (and end) with a new.
دانشکده سرمایه گذار مبانی و مدل
Basic HTML PowerPoint How Hyper Text Markup Language Works
HTML5 Level I Session II Chapter 3 - How to Use HTML to Structure a Web Page
מבנה בסיסי של מסמך html מסמך ב- html מורכב מתגיות.
كار همراه با آسودگي و امنيت
Website Call
Please use font Arial, size 80, for the abstract title.
Making Web pages.
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.
Unit 2 Test Building a Web Page Test.
Call : Website: -
Please use font Arial, size 80, for the abstract title.
HTML Basic Structure.
HTML Structure.
Please use font Arial, size 80, for the abstract title.
The language of the internet
The language of the internet
Type your presentation title here
Hypertext Markup Language
 WEBSITE:
Please use font Arial, size 80, for the abstract title.
 WEBSITE:
HTTP and HTML HTML HTTP HTTP – Standardize the packaging
© 2017, Mike Murach & Associates, Inc.
Monday, Sept. 24 Today we are going to update the html code to html5. It has some new features that we have not covered yet.
Presentation transcript:

HTML 101

HTML - Code Visualization RAW CODE CODE BLOCKS ABSTRACT VISUALIZATION <HTML> <HEAD>Awesome Title!<HEAD> <BODY> <DIV> <SPAN> Hello World! </SPAN> </BODY> </HTML> <HTML> </HTML> Container (HTML) <HEAD> Awesome Title! </HEAD> Container (HEAD) <BODY> </BODY> Container (BODY) <DIV> </DIV> Container (DIV) <SPAN> Hello World! </SPAN> Container (SPAN) We are just going to learn some basic tags <span> These codes are encased in tags. They are the main components used to build basic websites.

HTML - Building Blocks of Internet Websites For Illustration Purposes Only There are a multitude of different such tags.

End

It Begins End