你将学到什么

How to write a Web page

Concepts of a markup language

Basics of HTML5 and CSS

Web design and style

Page layout and flexbox

课程概况

This course is part of W3C’s “Front-End Web Developer” Professional Certificate.

Learn the basics of Web design and style to give your Web sites a professional look and feel.The Microsoft team and experts from the World Wide Web Consortium (W3C) will guide you step-by-step in how to use the latest Web standards to create a site to be proud of.

During the course, you will learn the basic building blocks of Web design and style – HTML5 and CSS – to give your site a professional look and feel.

By the end of the course, you should understand all the fundamental elements – from headers and links to images and sidebars – and leave having built a basic framework for your own Web site.

This course has been initially developed by Dale A. Schouten, Anusha Muthiah and Christopher Perkins, as part of a partnership between W3C and Intel®.

课程大纲

Module 1: My first Web page The big three: HTML5, CSS and JavaScript Elements, tags and attributes Character encoding Best practices

Module 2: Attributes, images and links Attributes Semantic meaning Images Hyperlinks

Module 3: Adding style with CSS CSS basic syntax CSS properties Lists and selectors

Module 4: Fixing and debugging Debugging tools Debugging and the CSS box model Debugging CSS precedence

Module 5: More HTML5 and CSS Tables Multimedia Embedding content CSS tricks

Module 6: Basics of page layout Concepts Flexbox Recipe project Where to from here?

预备知识

None

how to learn html5,HTML5与CSS基础相关推荐

  1. css点击a标签显示下划线_好程序员HTML5培训教程-html和css基础知识

    好程序员HTML5培训教程-html和css基础知识,Html是超文本标记语言(英语全称:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言. Css ...

  2. Python学习笔记:22 HTML5基础和CSS基础

    了解一些HTML5的基础知识和CSS基础知识有助于爬虫的学习,在学习这些基础知识之前,首先要安装HBuiderX工具.直接到官网下载标准版即可. HTML基础 可以到HTML教程学习一下HTML基础知 ...

  3. 用html5做一个介绍自己家乡的页面_(近万字)一篇文章带你了解HTML5和CSS3开发基础与应用-适合前端面试必备...

    作者 | Jeskson来源 | 达达前端小酒馆 HTML5和CSS3开发基础与应用,详细说明HTML5的新特性和新增加元素,CSS3的新特性,新增加的选择器,新的布局,盒子模型,文本,边框,渐变,变 ...

  4. HTML5/CSS3 第一章基础

    HTML5/CSS3基础 1. HTML 1.1 什么是HTML HTML是用来制作网页的标记语言 HTML是Hypertext Markup Language的英文缩写,即超文本标记语言 HTML语 ...

  5. HTML5学习笔记 —— JavaScript基础知识

    HTML5学习笔记 -- JavaScript基础知识 标签: html5javascriptweb前端 2017-05-11 21:51 883人阅读 评论(0) 收藏 举报 分类: JavaScr ...

  6. 好程序员HTML5前端教程-css的引入方式和选择器

    好程序员HTML5前端教程-css的引入方式和选择器 01.引入css方式(重点掌握) 行内样式 内接样式 外接样式 3.1 链接式 3.1 导入式 css介绍 现在的互联网前端分三层: HTML:超 ...

  7. html5游戏开发-零基础开发RPG游戏-开源讲座(四)

    了解上三篇的内容请点击: html5[color=rgb(68, 68, 68) !important]游戏开发-零基础开发RPG游戏-开源讲座(一) http://www.html5cn.org/a ...

  8. html5游戏开发-零基础开发《圣诞老人送礼物》小游戏

    开言: 以前lufy前辈写过叫"html5游戏开发-零基础开发RPG游戏"的系列文章,在那里面我学习了他的引擎以及了解了游戏脚本.自从看了那几篇文章,我便对游戏开发有了基本的认识. ...

  9. HTML5七夕情人节表白网页(情人节满屏爱心HTML5特效) HTML+CSS+JS 求婚 html生日快乐祝福代码网页 520情人节告白代码 程序员表白源码 抖音3D旋转相册 js烟花代码

    HTML5七夕情人节表白网页❤情人节满屏爱心HTML5特效❤ HTML+CSS+JS 求婚 html生日快乐祝福代码网页 520情人节告白代码 程序员表白源码 抖音3D旋转相册 js烟花代码 css爱 ...

  10. 7.18 阿里巴巴企业黄页HTML实现、HTML标签介绍、frameset框架、HTML5标签、CSS

    阿里巴巴企业黄页HTML实现.HTML标签介绍.frameset框架.HTML5标签.CSS 一.阿里巴巴企业黄页HTML 二.HTML标签介绍 三.frameset框架.iframe框架 frame ...

最新文章

  1. Elasticsearch 2.2.0 索引配置详解
  2. RabbitMQ 延迟消息的极限是多少?
  3. Java泛型详解,通俗易懂
  4. AcWing 1230. K倍区间
  5. oracle用户密码已过期,oracle用户密码过期的处理方法
  6. 面试准备每日系列:Java底层源码——Arrays.toString(数组) object.toString() new String()
  7. python 字典格式转换
  8. php用哪个ui框架好,常用的前端UI框架有哪些
  9. VFB组件:VEH控件(异常)
  10. 黑莓装Linux系统,“黑莓的Linux桌面管理器”──Barry的使用
  11. ttf,eot,woff,svg,字体格式介绍及使用方法
  12. 使用TTP223触摸传感器和Arduino UNO开发板实现触摸控制灯泡
  13. web开发中常用的几种统计图使用
  14. 巴塞罗那,高迪的城市
  15. ESP32低功耗模式
  16. 如何使用阿里云搭建自己的云主机(超详细)
  17. webView加载白屏
  18. iOS之 2020年最新苹果移动设备屏幕的大小和系统
  19. 智能指针(一)—— 智能指针的底层原理(RAII特性)
  20. DocSys安装说明

热门文章

  1. 云南计算机专业知识真题,2014年云南省事业单位考试专计算机专业知识模拟真题.doc...
  2. python验证码重叠_用Python机器学习搞定验证码
  3. arcgis创建剖面线execl文件
  4. 【转】DICOM医学图像处理:DIMSE消息发送与接收“大同小异”之DCMTK fo-dicom mDCM
  5. 【转】添加web引用和添加服务引用有什么区别?
  6. 【转】Microsoft Teams快速上手系列-01Teams的前世今生
  7. sql over函数_SQL 高级函数
  8. ArrayList和LinkedList 的区别
  9. 【LeetCode - 443】压缩字符串(模拟)
  10. 【2019icpc南京站网络赛 - H】Holy Grail(最短路,spfa判负环)