Podcast Beta
Questions and Answers
What is the primary purpose of an HTML tag?
What is the purpose of the h1 to h6 tags in HTML?
What is the purpose of an attribute in HTML?
What is the purpose of indenting in HTML?
Signup and view all the answers
What are the 5 necessary tags needed to create every HTML document?
Signup and view all the answers
What is the purpose of the alt attribute in an image tag?
Signup and view all the answers
What is the purpose of the alternate attribute in an image tag?
Signup and view all the answers
What is the main difference between an unordered list and an ordered list?
Signup and view all the answers
Which tag does every item in a list need to be wrapped in?
Signup and view all the answers
Which tag contains all the information for the whole table?
Signup and view all the answers
In which tag are table headers typically located?
Signup and view all the answers
How do you add a border to a table?
Signup and view all the answers
Study Notes
Web Design Fundamentals
- A web designer is responsible for the visual aspects of a website, such as layout, colors, and graphics.
- A web developer builds the website's structure and functionality using coding languages.
HTML Basics
- HTML stands for HyperText Markup Language.
- HTML is used for creating structured content on the web.
- The purpose of an HTML tag is to define the structure and content of a web page.
- HTML tags are formatted with an opening tag (<>) and a closing tag (>).
Structure of an HTML Page
- The 5 necessary tags needed to create every HTML document are:
- `` (defines the document type)
- `` (root element)
- `` (contains metadata)
- `` (contains the page's content)
- `` (closing tag)
- The `` tag contains metadata, which is not visible on the page.
- The `` tag contains the page's content, which is visible on the page.
- Tags can be nested inside other tags.
- Indenting is used to make the code readable and is not necessary.
Formatting Text
- HTML tags for formatting text include:
-
h1toh6(headings) -
p(paragraph) -
em(emphasized text) -
b(bold text) -
hr(horizontal rule) -
br(line break)
-
-
h1is larger thanh6.
Links
- An attribute is used to provide additional information about an element.
- An attribute is formatted with a name and value, separated by an equals sign.
- An
atag needs three lines of code:- The opening tag with the attribute
href(link URL) - The link text
- The closing tag
- The opening tag with the attribute
Images
- The 4 attributes for an image tag are:
-
src(source URL) -
width(image width) -
height(image height) -
alt(alternate text)
-
- To scale an image to keep its original ratio, set the
widthorheightattribute, and the other attribute will adjust accordingly.
HTML Lists
- The difference between an unordered list and an ordered list is that an unordered list uses bullet points, while an ordered list uses numbers.
- The
litag is used to wrap each item in a list. - The proper structure for a nested list is:
-
ulorol(unordered or ordered list) -
li(list item) -
ulorol(nested list)
-
HTML Tables
- The
tabletag contains all the information for the whole table. - Table headers are inside the
thtag. - Table data tags are inside the
tdtag. - The
trtag typically contains the table headers. - Table data is coded by row.
- To add a border to a table, use the
borderattribute with a value (e.g.border="1").
Studying That Suits You
Use AI to generate personalized quizzes and flashcards to suit your learning preferences.
Description
Study guide for Unit 2 of Web Design, covering terms like Web Designer, Web Developer, HTML, and Metadata. Intro to HTML, its purpose, and uses.
