HTML部分：掌握HTML的全部语法，他的主体结构，超连接及常用标记的使用

CSS部分：掌握CSS的三种选择器的使用，明白如何使用DIV＋CSS进行网页布局，搞清楚浮动问题！

1，HTML的语法（包括HTML的语法格式，文档注解，代码格式）

2，HTML的基本结构（包括的标记<html><head><title><body>）

3，文档设置标记上－格式标记（<br><p><center><pre><li><ul><ol><dl><dt><dd><hr><div>）

4，文档设置标记下－文本标记（<hn><font><b><i><sub><sup><tt><cite><em><strong><small><big><u>）

5，图像标记（<img>标记）

6，超连接的使用（<a>标记）

7，HTML表格（<table><caption><tr><th><td>标记）

8，HTML框架（<frameset><frame>标记）

9，HTML表单设计（<form><input><select>标记）

10，使用CSS样式的方法（几种引用CSS的方式）

11，定义CSS样式表（标签选择器，class选择器，ID选择器，组合选择器，伪类选择器以及优先级问题）

12，常见的CSS属性（网页中常用的颜色属性，字体属性，背景属性，文本属性，边框属性）

13，DIV＋CSS布局（盒模型，布局相关属性（定位，浮动，显示，溢出））

14，综合实战－简单的企业网站首页上（设计图的切图和网页的整体框架）

15，综合实战－简单的企业网站首页下（网站的内容样式）

工欲善其事，必先利其器

浏览器：opera浏览器，IE浏览器，Google浏览器，火狐浏览器

开发工具：Notepad++

HTML＋CSS学习任务清单的更多相关文章

  1. CSS学习笔记

    CSS学习笔记 2016年12月15日整理 CSS基础 Chapter1 在console输入escape("宋体") ENTER 就会出现unicode编码 显示"%u ...

  2. css学习归纳总结（三） 转

    原文地址:css学习归纳总结(三) 为文档添加样式的三种方法 行内样式 行内样式是写在HTML标签的style属性里的,比如: <p style="font-size: 12px;fo ...

  3. css学习归纳总结（二） 转

    原文地址:css学习归纳总结(二) 标签与元素 <p>标签和p元素有什么区别呢?大多数时候他们表示的是同一样东西,但仍有细微的区别.<p>.<div>等指的是HTM ...

  4. css学习归纳总结（一） 转

    原文地址:CSS学习归纳总结(一) 选择器的分组 CSS选择器分为 1.群组选择器 如:p, body, img, div{} 2.兄弟选择器 如:p + p { color:#f00; } 3.属性 ...

  5. 【2016年特别福利】史上最全CSS学习资料大全

    css学习篇 [2016年特别福利]史上最全CSS学习资料大全

  6. 【转】css学习专题-BFC

    css学习专题-BFC 转自:原文链接:css学习专题-BFC文章目录 BFC:Block Formatting Context. BFC就是一种布局方式,在这种布局方式下,盒子们自所在的 conta ...

  7. css学习归纳总结

    来源于:trigkit4 css学习归纳总结(一) 选择器的分组 CSS选择器分为 1.群组选择器 如:p, body, img, div{} 2.兄弟选择器 如:p + p { color:#f00 ...

  8. html+css学习总结

    HTML与css学习总结 一:html概念 1. html是一种描述网页的语言,并不是计算机语言这要分清楚:标记语言是运用一套标记标签描述网页的: 注意点: ①标签字母都要小写,标签一般都是成对出现, ...

  9. HTML+CSS学习笔记 (7) - CSS样式基本知识

    HTML+CSS学习笔记 (7) - CSS样式基本知识 内联式css样式,直接写在现有的HTML标签中 CSS样式可以写在哪些地方呢?从CSS 样式代码插入的形式来看基本可以分为以下3种:内联式.嵌 ...

随机推荐

  1. 升级与修改Nginx

    自从上次安装了Nginx后,学到了很多新的东西,比如http2.0... 而且还发现nginx还出了新版本,遂决定升级下,还是那个URL,下载最新版. ./configure --user=www - ...

  2. Windows和Linux查看和更改mysql连接池

    Windows: 查看: 进入mysql 输入:show variables like '%max_connections%'; 更改: 进入MYSQL安装目录 打开MYSQL配置文件 my.ini ...

  3. 匹配替换第n个字符串

    var name = "questions[0][question]",i=0; name.replace(/\[.+?\]/g, function(match, pos, ori ...

  4. Apache Spark 2.2.0 中文文档 - SparkR (R on Spark) | ApacheCN

    SparkR (R on Spark) 概述 SparkDataFrame 启动: SparkSession 从 RStudio 来启动 创建 SparkDataFrames 从本地的 data fr ...

  5. M方法

    ThinkPHP函数详解:M方法 M方法用于实例化一个基础模型类,和D方法的区别在于:1.不需要自定义模型类,减少IO加载,性能较好:2.实例化后只能调用基础模型类(默认是Model类)中的方法:3. ...

  6. Windows 编程中恼人的各种字符以及字符指针类型

    在Windows编程中,很容易见到这些数据类型:LPSTR,LPTSTR,LPCTSTR... 像很多童鞋一样,当初在学Windows编程的时候,对着些数据类型真的是丈二和尚,摸不着头脑,长时间不用就 ...

  7. H5上传图片并使用canvas制作海报

    马上就要"十一"国庆节了,又恰逢公司已经三周岁了,所以市场部和产品共同策划了一个"正青春,共成长"的主题代言活动,准备在国庆节以及中秋节期间让公司员工和用户为公 ...

  8. Spring Boot-------JPA——EntityManager构建通用DAO

    EntityManager EntityManager 是用来对实体Bean 进行操作的辅助类.他可以用来产生/删除持久化的实体Bean,通过主键查找实体bean,也可以通过EJB3 QL 语言查找满 ...

  9. 【POJ】1704 Georgia and Bob（Staircase Nim）

    Description Georgia and Bob decide to play a self-invented game. They draw a row of grids on paper, ...

  10. Island Perimeter

    You are given a map in form of a two-dimensional integer grid where 1 represents land and 0 represen ...