Podcast
Questions and Answers
What does HTML stands for?
What does HTML stands for?
HTML is the standard markup language for creating ___________.
HTML is the standard markup language for creating ___________.
What does HTML describe?
What does HTML describe?
HTML consists of a series of elements
HTML consists of a series of elements
Signup and view all the answers
What does HTML elements tell the browser to do?
What does HTML elements tell the browser to do?
Signup and view all the answers
What are tags?
What are tags?
Signup and view all the answers
What tag holds the programming scripts?
What tag holds the programming scripts?
Signup and view all the answers
What does NoScript tag inform the user?
What does NoScript tag inform the user?
Signup and view all the answers
Link tags are hyperlinks to another webpages.
Link tags are hyperlinks to another webpages.
Signup and view all the answers
What command will you use to link stylesheet? (Select all that apply)
What command will you use to link stylesheet? (Select all that apply)
Signup and view all the answers
What attribute of <meta> tag can be used for defining the character set for the webpage?
What attribute of <meta> tag can be used for defining the character set for the webpage?
Signup and view all the answers
What does <meta> tag define?
What does <meta> tag define?
Signup and view all the answers
What does <meta name="keywords" content="keyword 1, keyword2, keyword3" /> define?
What does <meta name="keywords" content="keyword 1, keyword2, keyword3" /> define?
Signup and view all the answers
What does <meta name="viewport" content="width=device-width, initial-scale=1.0" /> define?
What does <meta name="viewport" content="width=device-width, initial-scale=1.0" /> define?
Signup and view all the answers
HTML documents have four areas: DOCTYPE, HTML, Head and Body
HTML documents have four areas: DOCTYPE, HTML, Head and Body
Signup and view all the answers
What does DOCTYPE tag indicate?
What does DOCTYPE tag indicate?
Signup and view all the answers
Head tag does not include the script.
Head tag does not include the script.
Signup and view all the answers
Most tags in HTML code have an opening tag and closing tag.
Most tags in HTML code have an opening tag and closing tag.
Signup and view all the answers
How can you determine whether you need a closing tag?
How can you determine whether you need a closing tag?
Signup and view all the answers
Entities display symbols and characters.
Entities display symbols and characters.
Signup and view all the answers
What are comments in the HTML code?
What are comments in the HTML code?
Signup and view all the answers
Comments will show in the browser.
Comments will show in the browser.
Signup and view all the answers
How do you add a comment to the the HTML code?
How do you add a comment to the the HTML code?
Signup and view all the answers
You can use HTML code to create a single line comment or multiple line comment.
You can use HTML code to create a single line comment or multiple line comment.
Signup and view all the answers
What is the best way to check if the browser supports Javascript?
What is the best way to check if the browser supports Javascript?
Signup and view all the answers
A webpage should include a paragraph about yourself.
A webpage should include a paragraph about yourself.
Signup and view all the answers
A webpage title should be your Cafe name.
A webpage title should be your Cafe name.
Signup and view all the answers
A webpage should contain a link to the test.css file.
A webpage should contain a link to the test.css file.
Signup and view all the answers
A webpage without a meta data will not be crawled by search engines.
A webpage without a meta data will not be crawled by search engines.
Signup and view all the answers
The width of the page should render properly on different mobile devices.
The width of the page should render properly on different mobile devices.
Signup and view all the answers
The page should be translated by google search engine.
The page should be translated by google search engine.
Signup and view all the answers
Study Notes
HTML & CSS Training
- Training date: June 25th, 2024
- Course trainer, course overview, today's session, and grading system are topics covered in the presentation.
- Course overview: Focuses on what will be studied (HTML & CSS in 6 domains) and how it will be studied (pre-assessment, class lessons, exercises, workbooks, in-class projects, quizzes, assignments, additional videos, and post-assessments).
- Domains of study: HTML Fundamentals, CSS Fundamentals, Document Structure Using HTML, Multimedia Presentation Using HTML, Webpage Styling Using HTML, Accessibility, Readability, and Testing
- Learning methods: Pre-assessment to gauge prior knowledge. Class lessons to teach objectives and concepts, exercise labs for hands-on practice. Workbooks to prepare for exams, in-class projects for collaborative learning. Quizzes and assignments to assess understanding. Additional video material for home reference. Post-assessment to measure knowledge gained from training.
- Grading system details: Pre-test (10%), Attendance (10%), Class Performance (10%), Quizzes (5%), Assignments (10%), Exams (65%), and Post-test (-), totaling 100%.
- Today's session: Domain 1 - HTML fundamentals, introduction to HTML and CSS. Includes preparation, coffee break, and session outline for the first domain.
- Today's session also clarifies the group project: Build a welcome HTML page.
- What is HTML: HTML is a standard markup language for creating Web pages. It describes the structure of a webpage using a series of elements. Elements label content (headings, paragraphs, links, etc.) to tell the browser how to display it.
- What is HTML?, History of HTML, Why are we studying it (3-Tier Architecture), Setting up Visual Studio Community, and Pre-assessment are also part of the course.
- Setting up the environment: Download and install Visual Studio Community, Access Blue domain to the training center system. Download the materials (workbook, video lessons, project files), Exams (pre-assessments, post-assessments, and exams), and access Gmetrix using these links
- First Domain: HTML Fundamentals objectives: construct markup that uses metadata elements, including script, noscript, style, link, meta tags (encoding, keywords, viewport, description), and well-formed page markup (DOCTYPE declaration, html, head, body). The goal for this domain is to build a Welcome Web page.
- Lesson 1: Markup with Metadata: Tags for HTML documents (commands specifying formatting). Most have opening and closing tags, some (void elements) do not. Introduces different tags like Script, Head, Body, NoScript, Link tags, and their functions.
- Lesson 1: Markup with Metadata (Meta Tags): Defines characteristics for search engines and how webpages are rendered on various devices to configure the site, including character set, keywords, description etc..
Domain 1: HTML Fundamentals (Session 2)
- Review on previous session, pre-assessment for domain 1, and group project/group project: Build a Café HTML page. Coffee and prayer break.
- Lesson 2: Well-Formed Markup: Four HTML document areas. Includes
DOCTYPE(specifying document type, like HTML5),HTML(root element of the document),Head(elements not shown directly on the page e.g. title, meta-data, links).Body(visible content). Overview of tags and their uses, void elements, and entity usage. - Lesson 2 comments within HTML code: Comments will not appear on the webpage and are helpful for explaining code to others. Single and multiple line comments are possible.
Lesson 2: Well-Formed Markup (Continued)
- HTML entities: How to use special symbols like "<" or "&" on a webpage, using entities (< >, & etc.).
- In-class group project for a Café Page: Detailed instructions for creating a Cafe-themed webpage with welcome messages, copyright, Javascript for support, menu with prices, comments, and meta descriptions.
Studying That Suits You
Use AI to generate personalized quizzes and flashcards to suit your learning preferences.
Related Documents
Description
This presentation covers the key topics of the HTML & CSS training program scheduled for June 25th, 2024. It includes the course trainer, an overview of the study domains, learning methods, and the grading system, ensuring a comprehensive learning experience in web development.
