gail borden library | html/css program
TRANSCRIPT
HTML BASICSPRESENTED BY MEGAN JOHNSON
HTML BASICS
AGENDA▸ Terminology & Descriptions▸ Set up of in-browser code editor▸ What is an HTML document▸ What are elements, tags and attributes▸ Block vs. Inline Elements
HTML BASICS
TERMS & DEFINITIONS ▸ HTML: (HyperText Markup Language) gives content structure and meaning ▸ Text Editor: a type of program used for editing plain text files▸ Web Browser: an application for locating, retrieving and displaying content▸ Codepen: is an in-browser code editor for writing HTML and CSS with a real-time
preview▸ Elements: are designators that define the structure and content within a page▸ Tags: a set of less-than and greater-than symbols that surround an element▸ Attributes: provide additional information about an element which include a name
and a value▸ Block-level Element: an element that begins a new line, stacking one on top of
the other▸ Inline Element: an element that falls within the normal flow of a document
HTML BASICS
BASIC PAGE STRUCTURE
Declaration
HTML BASICS
BASIC PAGE STRUCTURE
Beginning of <html>
End of </html>
HTML BASICS
BASIC PAGE STRUCTURE
A <head> element housesinformation about the page.
This information is not displayed on the web page itself.
HTML BASICS
BASIC PAGE STRUCTURE
A <body> element houses all the visible content of the web page.
HTML BASICS
A CLOSER LOOK AT TAGS
<p>Opening Tag Closing Tag
Character
Left-Angle Bracket(Less-than Sign)
Right-Angle Bracket(More-than Sign)
</p>Character
Left-Angle Bracket(Less-than Sign)
Right-Angle Bracket(More-than Sign)
Forward Slash
HTML BASICS
WHAT ATTRIBUTES TELL US
<a href=“http://anywhere.com”>Any Where</a>
AttributeName
AttributeValue
NEXT CLASS TOPIC
HTML & CSS
What is CSSThe difference between HTML &
CSSHow to reference a CSS fileWhat are Selectors, Properties and
Values
…and more
HTML BASICS
ONLINE CLASS SURVEYhttp://www.gailborden.info/learn
Class: HTML BasicsDate of Class: February 11thInstructor: Megan Johnson