2018年01月_Mac-fang

原创 CSS基础入门第3天课堂笔记

CSS基础入门第3天课堂笔记（本课程共6天）目录一、上节课知识复习二、权重问题深入 2.1 同一个标签，携带了多个类名，有冲突 2.2 !important标记 2.3 权重计算的总结三、盒模型 3.1 盒子中的区域 3.2 认识width、height 3.3 认识padding 3.4 border 四、标准文档流 4.1 块级元素和行内元素 4.2

2018-01-26 14:17:00 436

原创 CSS基础入门第2天课堂笔记

CSS基础入门第2天课堂笔记（本课程共6天）目录一、晨早测验题目讲解二、css基础选择器 2.1 标签选择器 2.2 id选择器 2.3 类选择器三、css高级选择器 3.1 后代选择器 3.2 交集选择器 3.3 并集选择器（分组选择器） 3.4 通配符* 四、一些CSS3选择器 4.1 兼容问题介绍 4.2 儿子选择器> 4.3 序选择器 4.4 下

2018-01-25 11:32:30 401

原创 HTML基础入门第2天课堂笔记

HTML第2天基础入门第2天课堂笔记（本课程共2天）目录一、复习上节课的内容二、HTML骨架 2.1 文档声明头 2.2 字符集 2.3 关键字和页面描述 2.4 title标签三、HTML的基本语法特性 3.1 HTML对换行不敏感，对tab不敏感 3.2 空白折叠现象 3.3 标签要严格封闭四、h和p标签 4.1 h系列 4.2 p标签五、图

2018-01-25 10:44:29 510

原创 HTML基础入门第1天课堂笔记

HTML基础入门第1天课堂笔记（本课程共2天）目录一、基础班的介绍 1.1 脚踏实地行，海阔天空飞 1.2 对大家的要求二、计算机基础知识 2.1 文件和文件夹管理 2.2 特殊按键和快捷键 2.3 打字速度三、互联网的原理 3.1 上网就是请求数据 3.2 服务器 3.3 浏览器 3.4 HTTP 四、HTML初步认识 4.1 认识什么是纯文本文件tx

2018-01-25 10:21:41 748

原创 HTML5 拖放（Drag 和 Drop）(stage1-39)

基础篇-HTML5 拖放（Drag 和 Drop）拖放（Drag 和 drop）是 HTML5 标准的组成部分。1.拖放拖放是一种常见的特性，即抓取对象以后拖到另一个位置。在 HTML5 中，拖放是标准的一部分，任何元素都能够拖放。2.浏览器支持Internet Explorer 9+, Firefox, Opera, Chrome, 和 Safari 支持拖动

2018-01-12 16:17:01 316

原创 HTML5 MathML (stage1-38)

基础篇-MathMLHTML5 可以在文档中使用 MathML 元素，对应的标签是 ... 。 MathML 是数学标记语言，是一种基于XML（标准通用标记语言的子集）的标准，用来在互联网上书写数学符号和公式的置标语言。注意：大部分浏览器都支持 MathML 标签，如果你的浏览器不支持该标签，可以使用最新版的 Firefox 或 Safari 浏览器查看。1.MathML 实例

2018-01-12 15:59:24 388

原创 HTML5 内联 SVG (stage1-37)

基础篇-内联 SVGHTML5 支持内联 SVG。1.什么是SVG?SVG 指可伸缩矢量图形 (Scalable Vector Graphics)SVG 用于定义用于网络的基于矢量的图形SVG 使用 XML 格式定义图形SVG 图像在放大或改变尺寸的情况下其图形质量不会有损失SVG 是万维网联盟的标准2.浏览器支持Internet Explorer 9+

2018-01-12 15:00:47 221

原创 HTML5 Canvas (stage1-36)

标签定义图形，比如图表和其他图像，您必须使用脚本来绘制图形。在画布上（Canvas）画一个红色矩形，渐变矩形，彩色矩形，和一些彩色的文字。 1.什么是Canvas?HTML5 元素用于图形的绘制，通过脚本 (通常是JavaScript)来完成. 标签只是图形容器，必须使用脚本来绘制图形。你可以通过多种方法使用 canvas 绘制路径,盒、圆、字符以及添加图像。2

2018-01-12 14:21:04 603

原创 HTML5 新元素 (stage1-35)

在前面的34篇博客里，其中1-33篇介绍了HTML的使用及相关的元素和属性等，第34篇则简单介绍了一下XHTML与HTML的区别，那么从第35篇开始，我们接下来学习的是HTML5。在前面的34篇博客当中，我也有简单的介绍过HTML5的相关文章，参考如下： HTML5 简介1：http://blog.csdn.net/weixin_38628915/article/details/789192

2018-01-11 16:29:39 246

原创 HTML5 简介XHTML (stage1-34)

基础篇-简介XHTMLXHTML 是以 XML 格式编写的 HTML。1.什么是 XHTML?XHTML 指的是可扩展超文本标记语言XHTML 与 HTML 4.01 几乎是相同的XHTML 是更严格更纯净的 HTML 版本XHTML 是以 XML 应用的方式定义的 HTMLXHTML 是 2001 年 1 月发布的 W3C 推荐标准XHTML 得到所有主流浏览器的支持

2018-01-11 14:56:59 268

原创 HTML5 学习完html的下一步 (stage1-33)

总结篇-学习完html的下一步？HTML 总结前面的文章已经说明了如何使用 HTML 创建站点。 HTML 是一种在 Web 上使用的通用标记语言。HTML 允许我们格式化文本，添加图片，创建链接、输入表单、框架和表格等等，并可将之存为文本文件，浏览器即可读取和显示。 HTML 的关键是标签，其作用是指示将出现的内容。 HTML的参考手册：http://www.runoob.co

2018-01-11 10:35:53 832

原创 HTML HTML 速查列表 (stage1-32)

总结篇-HTML 速查列表1.HTML基本文档html>head>title>文档标题title>head>body>可见文本...body>html>2.基本标签（Basic Tags）h1>最大的标题h1>h2> . . . h2>h3> . . . h3>h4> . . . h4>h5> . . . h5>h6>最小的标题h6>p

2018-01-11 10:23:06 277

原创 HTML HTML 统一资源定位器(URL) (stage1-31)

基础篇-HTML 统一资源定位器(Uniform Resource Locators)URL 是一个网页地址。 URL可以由字母组成，如”baidu.com”，或互联网协议（IP）地址： 192.68.20.50。大多数人进入网站使用网站域名来访问，因为名字比数字更容易记住。1.URL - 统一资源定位器Web浏览器通过 URL 从 Web服务器请求页面。当点击 HTM

2018-01-11 10:06:47 932

原创 HTML HTML 字符实体 (stage1-30)

基础篇-HTML 字符实体HTML 中的预留字符必须被替换为字符实体。一些在键盘上找不到的字符也可以使用字符实体来替换。1.HTML 实体在 HTML 中，某些字符是预留的。在 HTML 中不能使用小于号（），这是因为浏览器会误认为它们是标签。如果希望正确地显示预留字符，我们必须在 HTML 源代码中使用字符实体（character entities）。字符实体类

2018-01-10 17:41:55 229

原创 HTML HTML脚本 (stage1-29)

基础篇-HTML脚本JavaScript 使 HTML 页面具有更强的动态和交互性。1.HTML 标签标签用于定义客户端脚本，比如 JavaScript。元素既可包含脚本语句，也可通过 src 属性指向外部脚本文件。 JavaScript 最常用于图片操作、表单验证以及内容动态更新。下面的脚本会向浏览器输出”Hello World!”：html lang=

2018-01-10 17:25:56 381

原创 HTML HTML颜色名 (stage1-28)

基础篇-HTML颜色名目前所有浏览器都支持以下颜色名。 141个颜色名称是在HTML和CSS颜色规范定义的（17标准颜色，再加124）。下表列出了所有颜色的值，包括十六进制值。提示: 17标准颜色：黑色，蓝色，水，紫红色，灰色，绿色，石灰，栗色，海军，橄榄，橙，紫，红，白，银，蓝绿色，黄色。点击其中一个颜色名称（或一个十六进制值）就可以查看与不同文字颜色搭配的背景颜色。详情访问：ht

2018-01-10 16:13:27 726

原创 HTML HTML颜色 (stage1-27)

基础篇-HTML颜色1.颜色值HTML 颜色由红色、绿色、蓝色混合而成。 HTML 颜色由一个十六进制符号来定义，这个符号由红色、绿色和蓝色的值组成（RGB）（即red/green/blue）。每种颜色的最小值是0（十六进制：#00）。最大值是255（十六进制：#FF）。这个表格给出了由三种颜色混合而成的具体效果：颜色值实例：html lang="en"

2018-01-10 16:06:36 381

原创 HTML HTML框架 (stage1-26)

基础篇-HTML框架通过使用框架，你可以在同一个浏览器窗口中显示不止一个页面。 iframe语法:iframe src="URL">iframe>该URL指向不同的网页。1.Iframe - 设置高度与宽度height 和 width 属性用来定义iframe标签的高度与宽度。属性默认以像素为单位, 但是你可以指定其按比例显示 (如：”80%”)。实例:

2018-01-10 15:18:25 257

原创 HTML HTML 表单和输入 (stage1-25)

基础篇-HTML 表单和输入1.HTML 表单HTML 表单用于搜集不同类型的用户输入. 表单是一个包含表单元素的区域。表单元素是允许用户在表单中输入内容,比如：文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。表单使用表单标签来设置:form>.input 元素.form>2.HTML

2018-01-09 17:50:26 364

原创 HTML HTML 布局 (stage1-24)

基础篇-HTML 布局1.网站布局大多数网站会把内容安排到多个列中（就像杂志或报纸那样）。大多数网站可以使用或者元素来创建多列。CSS 用于对元素进行定位，或者为页面创建背景以及色彩丰富的外观。提示:虽然我们可以使用HTML table标签来设计出漂亮的布局，但是table标签是不建议作为布局工具使用的,即表格不是布局工具。2.HTML 布局 - 使用元素

2018-01-09 15:35:35 358

原创 HTML HTML区块 (stage1-23)

基础篇-HTML区块1.HTML 和HTML 可以通过和将元素组合起来。2.HTML 区块元素大多数 HTML 元素被定义为块级元素或内联元素。块级元素在浏览器显示时，通常会以新行来开始（和结束）。实例: , , , 3.HTML 内联元素内联元素在显示时通常不会以新行开始。实例: , , , 4.HTML 元素HTML 元素

2018-01-09 14:11:19 312

原创 HTML HTML 列表 (stage1-22)

基础篇-HTML 列表HTML 支持有序、无序和定义列表:1.HTML无序列表无序列表是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记。无序列表使用标签。ul>li>Coffeeli>li>Milkli>ul>浏览器显示如下： 2.HTML 有序列表同样，有序列表也是一列项目，列表项目使用数字进行标记。有序列表始于标签。

2018-01-09 11:58:07 238

原创 HTML HTML 表格 (stage1-21)

基础篇-HTML 表格1.HTML 表格表格由标签来定义。每个表格均有若干行（由标签定义），每行被分割为若干单元格（由标签定义）。字母 td 指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。表格实例：html lang="en">head> meta charset="UTF-

2018-01-08 16:59:13 1392

原创 HTML HTML 图像 (stage1-20)

基础篇-HTML 图像1.HTML 图像- 图像标签（）和源属性（Src）在 HTML 中，图像由标签定义。是空标签，意思是说，它只包含属性，并且没有闭合标签。要在页面上显示图像，你需要使用源属性（src）。src 指 “source”。源属性的值是图像的 URL 地址。定义图像的语法是：img src="url" alt="some_text">URL

2018-01-05 16:53:57 338

原创 HTML HTML 样式- CSS (stage1-19)

基础篇-HTML 样式- CSS1.CSSCSS (Cascading Style Sheets) 用于渲染HTML元素标签的样式.2.如何使用CSSCSS 是在 HTML 4 开始使用的,是为了更好的渲染HTML元素而引入的. CSS 可以通过以下方式添加到HTML中:内联样式- 在HTML元素中使用”style” 属性内部样式表 -在HTML文档头部区域使

2018-01-05 11:53:32 339

原创 HTML HTML- <head> (stage1-18)

基础篇：HTML- 1.HTML 元素元素包含了所有的头部标签元素。在元素中你可以插入脚本（scripts）, 样式文件（CSS），及各种meta信息。可以添加在头部区域的元素标签为: , , , , , , and .2.HTML 元素标签定义了不同文档的标题。在 HTML/XHTML 文档中是必须的。元素:定义了浏览器工具栏的标题当

2018-01-04 16:50:51 306

原创 HTML HTML 链接 (stage1-17)

基础篇-HTML 链接1.HTML 链接HTML 使用超级链接与网络上的另一个文档相连。几乎可以在所有的网页中找到链接。点击链接可以从一张页面跳转到另一张页面。实例:html>head> meta charset="utf-8"> title>案例1title>head>body>p> a href="https://www.baidu.c

2018-01-04 15:50:01 905

转载 HTML 学习H5的网站 (stage1-16)

转自： http://blog.csdn.net/AllinShang/article/details/6625742 感谢分享 HTML5学习必备的15权威网站： 1. http://www.w3school.com.cn/html5/index.asp （说明：不推荐使用，存在多处没有遵循W3C标准的描述）介绍：W3C HTML5开发者指南，学习HTML5的各种标签，查询参考手册

2018-01-03 17:24:19 721

MAC--芳