Introducing HTML Skills: none IT concepts: markup, HTML tag, presentation vs content, HTTP protocol, historical context This work is licensed under a Creative.

Slides:

Advertisements

Similar presentations

Data import and export Skills: none IT concepts: data import and export, common data format This work is licensed under a Creative Commons Attribution-Noncommercial-

Advertisements

HTML. The World Wide Web Protocols Addresses HTML.

C HAPTER – 3 I NTRODUCTION TO H TML By :- Pinkesh H. Patel.

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.

Introducing HTML Skills: create simple Web pages

Popular Web client and server programs This work is licensed under a Creative Commons Attribution-Noncommercial- Share Alike 3.0 License. Skills: none.

Skills: none Concepts: Web client (browser), Web server, network connection, URL, mobile client, protocol This work is licensed under a Creative Commons.

Skills: none Concepts: history of the Web, Internet culture, the contributions of Vannevar Bush, JCR Licklider, Doug Engelbart, Tim Berners-Lee, evolution.

Skills: none Concepts: data and program files, IP packet, packet header, packet body, IP address, host name This work is licensed under a Creative Commons.

Creating hyperlinks with the tag Skills: using the tag IT concepts: tag, attribute This work is licensed under a Creative Commons Attribution-Noncommercial-Share.

Skills: none Concepts: protocol, hypertext transfer protocol, standard This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike.

Skills: subscribe to feeds, read feeds Concepts: none This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 License.

Skills: include images in Web pages Concepts: tag, attribute, value, path (to a stored file) This work is licensed under a Creative Commons Attribution-Noncommercial-Share.

Skills: compressing an image using Paint.net Concepts: none This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 License.

Encoding images Skills: none IT concepts: an image representation code, the number of bits in a code, the amount of information in an image This work is.

HTML tags Skills: adding HTML tags, text editor IT concepts: plain text, computer components – storage versus memory, separation of content and format.

The data link layer Skills: none IT concepts: LAN, medium access, Ethernet and WiFi protocols, why standards win This work is licensed under a Creative.

Audio recording Skills: microphone position and adjustment IT concepts: clipping, dynamic range This work is licensed under a Creative Commons Attribution-Noncommercial-

Many kinds of clients and servers This work is licensed under a Creative Commons Attribution-Noncommercial- Share Alike 3.0 License. Skills: none IT concepts:

Mobile and portable connectivity Skills: none IT concepts: mobile vs portable connectivity, connectivity options (WiFi, cellular and satellite), characteristics.

HTTP: the hypertext transfer protocol

Zen and the art of Internet writing (reading) Skills: mindful reading IT concepts: good writing requires mindful reading This work is licensed under a.

Using Google Docs: a network-based word processor This work is licensed under a Creative Commons Attribution-Noncommercial- Share Alike 3.0 License. Skills:

TCP/IP summary Skills: none IT concepts: review This work is licensed under a Creative Commons Attribution-Noncommercial- Share Alike 3.0 License.

IT skills: IT concepts: Web client (browser), Web server, network connection, URL, mobile client, peer-to- peer application This work is licensed under.

Audio data Skills: Set sample size and rate in Audacity IT concepts: analog to digital conversion, digital to analog conversion, sample rate, sample size,

An image processing session Skills: change view (zoom in or out), rotate, select a portion, crop, resize, change contrast, filter, compress IT concepts:

The TCP/IP communication layer stack Skills: none IT concepts: protocol layers, TCP/IP, OSI This work is licensed under a Creative Commons Attribution-Noncommercial-

Including images with the img tag Skills: using the img tag IT concepts: none This work is licensed under a Creative Commons Attribution-Noncommercial-

An image processing session Skills: change view, rotate, select a portion of, crop, resize, change contrast, filter an image, undo an operation IT concepts:

Internet reading Skills: mindful reading IT concepts: characteristics of Internet readers This work is licensed under a Creative Commons Attribution-Noncommercial-

Information loss in compression Skills: none IT concepts: lossy and lossless compression This work is licensed under a Creative Commons Attribution-Noncommercial-

Copying Web images (the right mouse button is your friend) Skills: Copy a Web image, see the properties of a Web image, use the right mouse button IT concepts:

Using Google’s RSS Reader Skills: subscribe to feeds, read feeds IT concepts: none This work is licensed under a Creative Commons Attribution-Noncommercial-

Internet backbones today Skills: none IT concepts: good news (expanding rapidly, performance improving), bad news (uneven global capacity) This work is.

Image compression Skills: none IT concepts: effect of image compression This work is licensed under a Creative Commons Attribution-Noncommercial- Share.

Attributes of HTML tags Skills: none IT concepts: HTML tag, value, attribute This work is licensed under a Creative Commons Attribution-Noncommercial-

RGB color model Skills: none IT concepts: combining red, green and blue light to generate colors This work is licensed under a Creative Commons Attribution-Noncommercial-

Including images in Web pages Skills: use the tag IT concepts: none This work is licensed under a Creative Commons Attribution-Noncommercial- Share Alike.

Data plus a code → information Skills: none IT concepts: text code This work is licensed under a Creative Commons Attribution-Noncommercial- Share Alike.

What happens when you retrieve a Web page? This work is licensed under a Creative Commons Attribution-Noncommercial- Share Alike 3.0 License. Skills: none.

Copying Web images Skills: Copy a Web image, see the properties of a Web image IT concepts: none This work is licensed under a Creative Commons Attribution-Noncommercial-

Creating hyperlinks with the a tag Skills: using the a tag IT concepts: none This work is licensed under a Creative Commons Attribution-Noncommercial-

Communicating with images This work is licensed under a Creative Commons Attribution-Noncommercial- Share Alike 3.0 License. Skills: none IT concepts:

Background survey This work is licensed under a Creative Commons Attribution-Noncommercial- Share Alike 3.0 License. Skills: none IT concepts: survey service,

Creating an HTML page Skills: edit and debug HTML pages IT concepts: text editor This work is licensed under a Creative Commons Attribution-Noncommercial-

HTML CS1315 Fall What You Need to Get Started A *simple* text editor to write HTML – Windows: notepad – Mac: textedit (be sure to pick Format 

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.

The WWW and HTML CMPT 281. Outline Hypertext The Internet The World-Wide-Web How the WWW works Web pages Markup HTML.

HTML Overview Part 2 – Paragraphs, Headings, and Lines 1.

Computer Science 101 Introduction to Web Pages. Origins of the Web Vannevar Bush (Memex, 1945) Ted Nelson (Xanadu, 1968) Doug Englebart and Alan Kay (

CSCI 1101 Intro to Computers

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.

Skills: none Concepts: Third party login, motivation for third party login, filter bubble This work is licensed under a Creative Commons Attribution-Noncommercial-Share.

HTML file format  Lesson Objective: Understanding HTML and how it is used to create web pages.  Learning Outcome:  Create a HTML page by interpreting.

Introducing the World Wide Web Internet- a structure made up of millions of interconnected computers whose users communicate with each other and share.

Web Design. How do web pages work? Webpages are written in a code called HTML. Programs like Internet Explorer read the code, and then show it as a web.

HTML BTEC National in Computing Section5. Create Information “HTML: defining HTML, discussing HTML uses and demonstrating HTML basics, HTML structure…..

Web programming Part 1: HTML 由 NordriDesign 提供

Hypertext Markup Language.  Developed by Tim Berners-Lee in 1990  Stands for HyperText Markup Languange  A format that tells a computer how to display.

HTML: Hypertext Markup Language The language to make web pages 0.

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.

Week-11 (Lecture-1) Introduction to HTML programming: A web based markup language for web. Ex.

Introduction to HTML (Web Design) IT Fundamentals.

HTML5 – Heading, Paragraph

S.Y.B.M.M. LECTURE SERIES - PART 2

HTTP: the hypertext transfer protocol

HTML HYPERTEXT MARKUP LANGUAGE.

HTML What is Html? HTML stands for Hypertext Markup Language.

Presentation transcript:

Introducing HTML Skills: none IT concepts: markup, HTML tag, presentation vs content, HTTP protocol, historical context This work is licensed under a Creative Commons Attribution-Noncommercial- Share Alike 3.0 License.

Where does this topic fit? Internet concepts –Applications –Technology –Implications Internet skills –Application development –Content creation

HTML – hypertext markup language Hypertext Markup

HTML tags control presentation, not content

TagEffect … large heading … smaller heading … paragraph … bold text … italicized text … underlined text Examples of HTML tags Note that each of these has a start <> and an end element.

TagEffect draw a horizontal line (a rule) across the window force a break in the line being typed Examples of HTML tags These do not require both a start <> and an end element. The trailing “ /” is optional in HTML 4, but will be mandatory in HTML 5.

W3schools -- all you need to learn HTML make changes on the left side see the result on the right side

HTTP – the rules defining the Web client-server “conversation”

The idea of hypertext preceded the Web Vannevar Bush Doug Engelbart

Gopher

Tim Berners-Lee invented HTML and HTTP Tim Berners-Lee was knighted by Queen Elizabeth for his invention of the World Wide Web. He is shown here, along with the first picture posted on the Web and a screen shot from an early version of his Web browser.

A few questions

We introduced several HTML tags in this presentation. Without looking back, do you recall what they were? Do you recall what each does?

What do you suppose would happen if you accidentally left the closing tag off of a bold-face portion of text? How would you make some text both bold face and italicized? What are some of the other tags shown at w3schools, and what are their functions?

HTML – hypertext markup language Skills: none IT concepts: markup, HTML tag, presentation vs content, HTTP protocol, historical context This work is licensed under a Creative Commons Attribution-Noncommercial- Share Alike 3.0 License.