how to learn html5,HTML5与CSS基础
你将学到什么
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基础相关推荐
- css点击a标签显示下划线_好程序员HTML5培训教程-html和css基础知识
好程序员HTML5培训教程-html和css基础知识,Html是超文本标记语言(英语全称:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言. Css ...
- Python学习笔记:22 HTML5基础和CSS基础
了解一些HTML5的基础知识和CSS基础知识有助于爬虫的学习,在学习这些基础知识之前,首先要安装HBuiderX工具.直接到官网下载标准版即可. HTML基础 可以到HTML教程学习一下HTML基础知 ...
- 用html5做一个介绍自己家乡的页面_(近万字)一篇文章带你了解HTML5和CSS3开发基础与应用-适合前端面试必备...
作者 | Jeskson来源 | 达达前端小酒馆 HTML5和CSS3开发基础与应用,详细说明HTML5的新特性和新增加元素,CSS3的新特性,新增加的选择器,新的布局,盒子模型,文本,边框,渐变,变 ...
- HTML5/CSS3 第一章基础
HTML5/CSS3基础 1. HTML 1.1 什么是HTML HTML是用来制作网页的标记语言 HTML是Hypertext Markup Language的英文缩写,即超文本标记语言 HTML语 ...
- HTML5学习笔记 —— JavaScript基础知识
HTML5学习笔记 -- JavaScript基础知识 标签: html5javascriptweb前端 2017-05-11 21:51 883人阅读 评论(0) 收藏 举报 分类: JavaScr ...
- 好程序员HTML5前端教程-css的引入方式和选择器
好程序员HTML5前端教程-css的引入方式和选择器 01.引入css方式(重点掌握) 行内样式 内接样式 外接样式 3.1 链接式 3.1 导入式 css介绍 现在的互联网前端分三层: HTML:超 ...
- html5游戏开发-零基础开发RPG游戏-开源讲座(四)
了解上三篇的内容请点击: html5[color=rgb(68, 68, 68) !important]游戏开发-零基础开发RPG游戏-开源讲座(一) http://www.html5cn.org/a ...
- html5游戏开发-零基础开发《圣诞老人送礼物》小游戏
开言: 以前lufy前辈写过叫"html5游戏开发-零基础开发RPG游戏"的系列文章,在那里面我学习了他的引擎以及了解了游戏脚本.自从看了那几篇文章,我便对游戏开发有了基本的认识. ...
- HTML5七夕情人节表白网页(情人节满屏爱心HTML5特效) HTML+CSS+JS 求婚 html生日快乐祝福代码网页 520情人节告白代码 程序员表白源码 抖音3D旋转相册 js烟花代码
HTML5七夕情人节表白网页❤情人节满屏爱心HTML5特效❤ HTML+CSS+JS 求婚 html生日快乐祝福代码网页 520情人节告白代码 程序员表白源码 抖音3D旋转相册 js烟花代码 css爱 ...
- 7.18 阿里巴巴企业黄页HTML实现、HTML标签介绍、frameset框架、HTML5标签、CSS
阿里巴巴企业黄页HTML实现.HTML标签介绍.frameset框架.HTML5标签.CSS 一.阿里巴巴企业黄页HTML 二.HTML标签介绍 三.frameset框架.iframe框架 frame ...
最新文章
- Elasticsearch 2.2.0 索引配置详解
- RabbitMQ 延迟消息的极限是多少?
- Java泛型详解,通俗易懂
- AcWing 1230. K倍区间
- oracle用户密码已过期,oracle用户密码过期的处理方法
- 面试准备每日系列:Java底层源码——Arrays.toString(数组) object.toString() new String()
- python 字典格式转换
- php用哪个ui框架好,常用的前端UI框架有哪些
- VFB组件:VEH控件(异常)
- 黑莓装Linux系统,“黑莓的Linux桌面管理器”──Barry的使用
- ttf,eot,woff,svg,字体格式介绍及使用方法
- 使用TTP223触摸传感器和Arduino UNO开发板实现触摸控制灯泡
- web开发中常用的几种统计图使用
- 巴塞罗那,高迪的城市
- ESP32低功耗模式
- 如何使用阿里云搭建自己的云主机(超详细)
- webView加载白屏
- iOS之 2020年最新苹果移动设备屏幕的大小和系统
- 智能指针(一)—— 智能指针的底层原理(RAII特性)
- DocSys安装说明
热门文章
- 云南计算机专业知识真题,2014年云南省事业单位考试专计算机专业知识模拟真题.doc...
- python验证码重叠_用Python机器学习搞定验证码
- arcgis创建剖面线execl文件
- 【转】DICOM医学图像处理:DIMSE消息发送与接收“大同小异”之DCMTK fo-dicom mDCM
- 【转】添加web引用和添加服务引用有什么区别?
- 【转】Microsoft Teams快速上手系列-01Teams的前世今生
- sql over函数_SQL 高级函数
- ArrayList和LinkedList 的区别
- 【LeetCode - 443】压缩字符串(模拟)
- 【2019icpc南京站网络赛 - H】Holy Grail(最短路,spfa判负环)