.svg)
.svg)
.svg)
Machine Learning Engineer
1. introduction
First, an overview of the HTML5 framework is given and the structure of websites is examined. You will also learn more about the syntax of HTML5.
- Architecture, Versions
- Markup languages
- Syntax: Element, attribute, category
- Style Guide for HTML5
2. documents
In this module, the structure of a website is examined in more detail. Each element is presented individually with its functions.
- Document type HTML5
- Elements html, head, title, body
- Standard attributes of web pages
- Comments in the code
3. meta information
Although the meta information of a website is not displayed to the viewer, it provides important information to the browser, server and robots. Here you will learn how to set everything up correctly.
- Elements base and meta
- Which character set is correct?
- Entities explained in detail
- Determine the viewport
4. headings
The headings of a website are decisive for the structure of the page, both for the users and for robots that capture the web pages automatically.
- Heading levels explained in detail
5. sections
Even if the layout of a website is created using other means, there are basic elements that can be used to display sections and paragraphs. This part of the course shows the possibilities and limitations.
- Line breaks with br and wbr
- Horizontal dividing lines with hr
- The paragraph elements p and pre
6. quotes
There are several options for highlighting text. You will find out when which element is correct and what this means for the display.
- Elements blockquote, address, q, cite
7 Definitions
The definitions in HTML5 are used to mark up the semantic meaning, style and readability of the code. The elements are presented here and shown when they are used.
- Elements dfn, abbr, details. summary
8. texts
Text elements are designed using CSS. Nevertheless, there are many elements that can be used to change the display of text.
- Standard elements for text labeling
- Special elements for formulas
- Elements for format labeling
9. annotations
The ruby element is used to display text with annotations that typically appear above or next to the main text. It is mainly used for East Asian writing systems such as Chinese and Japanese to provide pronunciation hints (furigana) or translations for characters.
- Elements ruby, rt, rp
- Use cases for annotations
10. lists
Get to know the different types of lists in HTML and learn how to use list elements and nest lists.
- Elements ol, li, ul
- Elements dl, dt, dd
- Nesting
11. references
Learn how to create hyperlinks to navigate the website and how to use iframe elements to embed content. Also discover how to set links to internal and external sources.
- Elements a, iframe, link
12. images
Explore the use of the img element for inserting images into web pages. Get to know other elements that you can use to create interactive and responsive images.
- Element img
- Elements map, area, picture, source
13. graphics
Understand how to use the meter and progress elements for measurement displays and discover the possibilities of vector graphics with svg and the creation of drawings and animations with canvas.
- Elements meter and progress
- Element svg
- Element canvas
14. multimedia
Learn how to integrate audio and video content into the website and even add subtitles and text tracks to the page.
- Element audio
- Element video
- Element track
15. illustrations
Learn how to use the figure element to structure figures and diagrams and how to add descriptions and legends for figures with figcaption.
- Element figure
- Element figcaption
16. tables
Tables are an important tool in HTML5 and can also be used to display complex constructions. Learn how to create tables and how to use the advanced techniques.
- Element table
- Elements tr, th, td
- Special elements for designing tables
17. layouts
Discover which layout elements you can use to design the structure of your website and learn how these elements contribute to semantic organization and better accessibility.
- The main layout element div
- Elements for individual page areas
18. forms
Learn all about creating forms with the form element and the many different input elements. You will also learn how to design user-friendly and interactive forms.
- The form element
- Elements for text input
- Interactive elements
- Elements for context attributes
- You will acquire in-depth knowledge of basic and advanced HTML5 elements and techniques.
- You will learn how to use various HTML5 elements effectively to create appealing and functional websites.
- You will learn how to use the special functions in HTML5 to integrate multimedia, graphics and interactive elements.
- You understand how to structure content in a semantically correct and user-friendly way to improve accessibility and search engine optimization.
This course consists of training training and is led by a trainer who supervises the participants live. Theory and practice are taught with live demonstrations and practical exercises. The video conferencing software Zoom is used.
This course is aimed at anyone who needs to create websites:
- Webmaster
- Web developers
- Web designers
- software developers
- Content managers
- and much more.
.svg)
