enthaltenIn this 70 minutes long project-based course, you will learn how to create a table and a form in HTML, and style them using CSS. To achieve this, we will work through creating an structuring a table using the <table>, <col>, <thead>, <tbody>, <th>, <tr> and <td> elements. We will proceed then to create a form using the <form>, <label> and <input> elements, adding different inpu types using the ""type"" attribute of the <input> element. We will also use elements of CSS to style and structure the layout, colors and text properties of the table and form, including the form submission button. This project is unique because it will practically and rapidly let you gain the skills to create table views for your website and interact with your users. You can use the skills acquired in this project to create events and products listings, or add ""contact us"" or ""booking"" forms to your website. In order to be successful in this project, you will need just passion and a very introductory knowledge to HTML and CSS. specifically knowing just how to write an HTML element, what are tags and attributes, classes and IDs.
Empfohlene Erfahrung
Was Sie lernen werden
Create an HTML table
Create an HTML form
Style a table and form with CSS
Kompetenzen, die Sie festigen
- Kategorie: HTML
- Kategorie: Web Development
- Kategorie: Cascading Style Sheets (CSS)
Wichtige Details
Zu Ihrem LinkedIn-Profil hinzufügen
Nur als Desktop-Version verfügbar
Erfahren Sie, wie Mitarbeiter führender Unternehmen gefragte Kompetenzen erwerben.
Lernen, üben und anwenden von berufsrelevanten Fähigkeiten in weniger als 2 Stunden
- Nehmen Sie an Schulungen von Branchenexperten teil
- Sammeln Sie mit Aufgaben aus der realen Welt praktische Erfahrung
- Schaffen Sie Vertrauen durch neueste Tools und Technologien
Über dieses begleitete Projekt
Schritt für Schritt lernen
In einem Video, das auf einer Hälfte Ihres Arbeitsbereichs abgespielt wird, führt Sie Ihr Dozent durch diese Schritte:
Create a table structure
Create a header within a table
Create rows and cells using table elements
Demonstrate your understanding of creating a table structure using various elements
Style the table
Add and style a table footer
Create a form using form elements
Add a drop down menu as a form element
Demonstrate your understanding of creating a form using various elements
Create a radio and checkbox input type
Create an interface element using a visual color picker
Apply block and inline styling the form elements
Capstone Activity
Empfohlene Erfahrung
Introductory knowledge of HTML
5 Projektbilder
Dozent
Was Sie beim Lernen erwartet
Auf Kompetenzen basierendes, praktisches Lernen
Üben Sie die Anwendung neuer Kompetenzen anhand von berufsbezogenen Aufgabenstellungen.
Anleitung durch Experten
Lernen Sie mit vorab von Experten aufgezeichneten Videos in einer einzigartigen aufgeteilten Oberfläche.
Keine Downloads oder Installation erforderlich
Greifen Sie in einem vordefinierten Cloud-Arbeitsbereich auf die Tools und Ressourcen zu.
Nur für Desktop verfügbar
Dieses begleitete Projekt ist für die Bearbeitung an einem Laptop oder Desktop-Computer mit stabiler Internetverbindung konzipiert und nicht für Mobilgeräte.
Warum entscheiden sich Menschen für Coursera für ihre Karriere?
Ihnen könnte auch Folgendes gefallen:
Johns Hopkins University
Johns Hopkins University
Duke University
Neue Karrieremöglichkeiten mit Coursera Plus
Unbegrenzter Zugang zu 10,000+ Weltklasse-Kursen, praktischen Projekten und berufsqualifizierenden Zertifikatsprogrammen - alles in Ihrem Abonnement enthalten
Bringen Sie Ihre Karriere mit einem Online-Abschluss voran.
Erwerben Sie einen Abschluss von erstklassigen Universitäten – 100 % online
Schließen Sie sich mehr als 3.400 Unternehmen in aller Welt an, die sich für Coursera for Business entschieden haben.
Schulen Sie Ihre Mitarbeiter*innen, um sich in der digitalen Wirtschaft zu behaupten.
Häufig gestellte Fragen
Mit dem Kauf eines angeleiteten Projekts erhalten Sie alles, was Sie zum Abschließen des angeleiteten Projekts benötigen, einschließlich des Zugriffs auf einen Cloud-Desktop-Arbeitsbereich über Ihren Webbrowser, der die Dateien und Software enthält, die Sie für den Start benötigen, sowie schrittweise Videoanweisungen von einem Fachexperten.
Da Ihr Arbeitsbereich einen Cloud-Desktop enthält, der für einen Laptop oder Desktop-Computer ausgelegt ist, sind angeleitete Projekte auf Ihrem Mobilgerät nicht verfügbar.
Die Dozenten bei angeleiteten Projekten sind Fachexperten, die Erfahrung in den Fähigkeiten, Werkzeugen oder Bereichen der jeweiligen Projekte haben und leidenschaftlich daran interessiert sind, ihr Wissen weiterzugeben und so Millionen von Lernenden auf der ganzen Welt zu beeinflussen.