class: middle # Projects in Digital Composition: # Communicating with Data
### Github Pages and HTML Fundamentals
Matthew J. Lavin Clinical Assistant Professor of English and Director of Digital Media Lab University of Pittsburgh Spring 2019 --- class: middle # Topics to Cover
#### 1. How Does HTML Work? #### 2. How Do We Set Up a Site on Github Pages? #### 3. How Do We Build on This Work? --- class: middle # What is the Internet? What is the World Wide Web?
###
Go to Poll
--- class: middle # How Does HTML Work?
Markup (see image to the right)
Links, images, videos, etc. are all inserting using different tags
Some tags provide structure, but they don't display
Tags can be nested inside other tags
HTML is inside the
title
container, which is inside the
html
container
--- class: middle # Github Pages
Getting Your Website Online
by
Christina Truong
--- class: middle # View Source and Inspect
### Try this on a website you often visit --- class: middle # What Browsers Do
- ### Send and Receive requests - ### Load and send all required page and browser data - ### Style content with defaults if no display directives are present --- class: middle # HTML Data Model
--- class: middle # Commonly Used Tags
- #### Required by HTML 4.1 Standard ```
``` - #### Other ```
(h2,h3,h4,h5)
(links)
(images)
``` - #### You Might Also See ```