This 70 minutes guided project is for beginner learners of HTML. It will include CSS and a small mention of Javascript. You will learn how to style and organize the page content using classes and ids, their correct syntax, and how they are a base for styling, scripting, and internal navigation. You will create a Japan traveling blog article page, which will help you learn in a unique way a good portion of the fundamentals needed to create beautiful static websites. Writing the page you will learn about the "class" and "id" HTML attributes, their syntax and usage. You will Implement styles utilizing"class" and "id" attributes with CSS, and briefly review scripting usage of "class" and "id" attributes. To complete this project successfully you will need just passion, and a very introductory knowledge of HTML. This project is ideal for those who are interested in website and front-end development.
HTML for Beginners: Classes and ID
您将学到什么
Define the "class" and "id" HTML attributes and their usage
Implement styles utilizing"class" and "id" attributes with CSS
Review scripting usage of "class" and "id" attributes
您将练习的技能
要了解的详细信息
添加到您的领英档案
仅桌面可用
了解顶级公司的员工如何掌握热门技能
在 2 小时内学习、练习并应用岗位必备技能
- 接受行业专家的培训
- 获得解决实训工作任务的实践经验
- 使用最新的工具和技术来建立信心
关于此指导项目
分步进行学习
在与您的工作区一起在分屏中播放的视频中，您的授课教师将指导您完成每个步骤：
-
Define "class" and "id" attributes with correct syntax
-
Use classes and ids to style paragraphs
-
Apply styles to navigation bar using classes and ids
-
Apply styles to menu elements using classes and ids
-
Demonstrate your understanding of how to apply different styling
-
Integrate bookmarks and links using ids
-
Add multiple classes to an element
-
Demonstrate your understanding of how to create links and apply classes
-
Script dynamic content using classes and ids
-
Capstone activity
推荐体验
Very introductory knowledge of HTML (what are tags and attributes, how to write an HTML tag)
5个项目图片
位教师
提供方
学习方式
基于技能的实践学习
通过完成与工作相关的任务来练习新技能。
专家指导
使用独特的并排界面，按照预先录制的专家视频操作。
无需下载或安装
在预配置的云工作空间中访问所需的工具和资源。
仅在台式计算机上可用
此指导项目专为具有可靠互联网连接的笔记本电脑或台式计算机而设计，而不是移动设备。
人们为什么选择 Coursera 来帮助自己实现职业发展
Felipe M.
Jennifer J.
Larry W.
