In 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.
通过 Coursera Plus 提高技能,仅需 239 美元/年(原价 399 美元)。立即节省

您将学到什么
Create an HTML table
Create an HTML form
Style a table and form with CSS
要了解的详细信息

添加到您的领英档案
仅桌面可用
了解顶级公司的员工如何掌握热门技能

在 2 小时内学习、练习并应用岗位必备技能
- 接受行业专家的培训
- 获得解决实训工作任务的实践经验
- 使用最新的工具和技术来建立信心

关于此指导项目
分步进行学习
在与您的工作区一起在分屏中播放的视频中,您的授课教师将指导您完成每个步骤:
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
推荐体验
Introductory knowledge of HTML
5个项目图片
位教师

提供方
学习方式
基于技能的实践学习
通过完成与工作相关的任务来练习新技能。
专家指导
使用独特的并排界面,按照预先录制的专家视频操作。
无需下载或安装
在预配置的云工作空间中访问所需的工具和资源。
仅在台式计算机上可用
此指导项目专为具有可靠互联网连接的笔记本电脑或台式计算机而设计,而不是移动设备。
人们为什么选择 Coursera 来帮助自己实现职业发展

Felipe M.

Jennifer J.

Larry W.

Chaitanya A.
您可能还喜欢

Coursera
状态:预览Scrimba





