Go on. Explore!

lvl 0 • 0 xp

lvl 1

Home Market Decks Interests

HTML

memorize.ai (lvl 286)

(0)

25 cards

()

Section 1

Preview this deck

Images

Front

1 / 25

HTML Web Dev

0.0

0 reviews

5			0
4			0
3			0
2			0
1			0

Active users

All-time users

Favorites

Last updated

6 years ago

Date created

Mar 14, 2020

Cards (25)

Section 1

(25 cards)

Images

Front

<img src="file.jpg" alt="Picture of Cat" /> •This is an inline image

Back

Uses of Elements

Front

•Page structure •Format text •Enable interactivity •Enable programmability •Read and Interpret HTML code -good skill to have

Back

Horizontal Line

Front

<hr style="color: red; background-color: red; height: 2; width: 100%"> •Non-style attributes are deprecated.

Back

Deprecation

Front

•Some tags are deprecated -No longer supported -Still works in browsers but no guarantee it will in future. -<s> strikethrough -<u> underline •Good idea to avoid •Expression web will warn if you use

Back

Special Characters

Front

•&copy Copyright symbol (&#169) •&reg Registerd trademark (&174) •&deg Degree symbol (&#176)

Back

Paragraph

Front

<p> Welcome to Brookdale Community College </p>

Back

Web Document File Extensions

Front

•HTML or HTM-Html was/is used for Unix based systems -Htm was/is used for Microsoft based systems •Either one is okay just be consistent •Other extensions you'll see -.php, .asp, .xml, .shtml, .jsp

Back

Create HTML File

Front

•Enter HTML tags and text in document •Open in Browser -Browser does all the work in rendering document •Tools to create HTML files -Notepad -EditPlus -Dreamweaver -Expression Web

Back

•HTML4.01 -consisted of about 90 tags •HTML5 -consists of over 100 tags -30 old tags removed •features nearly 50 new tags

Back

HTML Tags

Front

A set of instructions, such as <B>, inserted into an HTML document to provide formatting and display information to a Web browser •Consists of 90 tags-html, body, h1, p... •Written between angle brackets <...>-<html>, <body>, <h1>, <p> •Opening and closing tags-<html> </html> •properly balanced •known as an element

Back

White Space and Line Breaks

Front

•Browsers ignore-spaces-new lines •Must use <br /> -to create new line •$#160 or &nbsp -to create extra spaces

Back

Some HTML5 Tags

Front

•<article> •<aside> •<audio> •<canvas> •<figure> •<figcaption> •<footer> •<header> •<hgroup> •<nav> •<section> •<source> •<track> •<video>

Back

HTML File Structure

Front

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> </HEAD> <BODY> </BODY> </HTML>

Back

HTML5

Front

•First working draft January 2008 •Most recent update December 2012 •Envisioned adoption 2020 -May occur as soon as 2014

Back

Issues

Front

•Browsers support HTML5 differently -some support all -some less -differences in what they support •Different philosophies -go for it and let consumers catch up -wait and see •continue on as before and incorporate when seen safe to do so

Back

HTML Versions

Front

Back

Lists

Front

HTML supports two kinds of lists: ordered lists and unordered lists. Within lists each individual list item has its own tag.

Back

Rendering

Front

•Web pages are rendered in a browser -Microsoft Internet Explorer -Google Chrome -Mozilla Firefox -Apple Safari -Opera

Back

Text Formatting Headings

Front

•<h# 1..6> Hello World </h1..6> <H1>Heading 1</H1> <H2>Heading 2</H2> <H3>Heading 3</H3> <H4>Heading 4</H4> <H5>Heading 5</H5> <H6>Heading 6</H6>

Back

Block verses Inline Elements

Front

•Block-level elements contain content in separate section of page. -Setoff from other blocks -Paragraphs, Headings •Inline elements are parts of the same block -Words-Links

Back

Basic HTML Code Structure

Front

Back

Semantic Web Design

Front

•Today each web site stands alone on web -no way to collect data from many sites in meaningful way •Originally designed as a presentation language-Laid out like a term paper •There in now way to tell if a word is a title, content, heading or subheading •New tags add meaning to content

Back

Tim Berners-Lee

Front

-Scientist at CERN •European Council of Nuclear Research-Early 1990's-Used Jobs Next desktop computer•Means of sharing technical papers•Did not copyright or try to sell-led to webs openness

Back

Inline text formatting

Front

•<strong> </strong> -bold •<em> </em> -italic

Back

Meta Tags

Front

•Meta means information about information •Meta tags is information about web pages •Located between <head> tags

Back