Lecture 2: HTML Basics Flashcards
Vannevar Bush
Authored article that is very famous “As we may think.” Conceptualized HTML, World Wide Web, Wikipedia, Wearables, and more.
Identified the problem of too much information and how to better store, manage and access it.
HTML
Structure/hierarchy of a web page. Hypertext Markup Language. Markup language.
CSS
How a webpage looks like/renders
Javascript
Behavior, adds the dynamic behavior. Makes the webpage interactive for the user.
HTML Anatomy
Elements/Tags
Attributes (ids, classes, image sources, etc) - the things that identify the element or supplement it in HTML. What you use CSS to address through the tag
<title> element will be what you see on the tab when you open the webpage
Need a <head> for linking
<body> is the part that is really rendered in the site, NOT the title
HTML is parsed top to bottom.
</body></head></title>
HTML Image
<img src=”hci/pui.jpg” width=”300” alt=”PUI Image”/>
HTML Video
<video src =”source” width=”250” controls> VIDEO </video>
Lists
Ordered List <ol></ol>
Unordered List <ul></ul>
Block element
Starts a new line (div, p)
In-line element
Same line (span)
Semantic Elements
<nav>, <main>, <sections>, <footer>
</footer></sections></main></nav>