随笔分类 - 1_html5
摘要:html5--2.9新的布局元素(5)-hgroup/address 学习要点 通常用来给标题分组,通常放在header中;但是并非强制要求,也不是绝对的。 通常用用来说明作者的联系信息,例如名字,E-mail,电话,地址等 address元素中的内容会以斜体显示。 详述 HTML5 增加了很多语义
阅读全文
摘要:html5--2.7新的布局元素(4)-time 学习要点 HTML5中的微格式,是一种利用HTML5中的新标签对网页添加附加信息的方法,附加信息例如新闻事件发生的日期和时间,文章发表的日期等。 HTML5中的微格式是为了简化浏览器对数据的提取,方便搜索引擎的搜索. time是HTML5新增的元素
阅读全文
摘要:html5--2.6新的布局元素(4)-aside/nav 学习要点 aside元素通常用来设置侧边栏。 用于定义article元素之外的内容,前提是这些内容与article元素内的内容相关。 同时也可嵌套在article元素内部使用,作为主要内容的附属信息,比如与主内容有关的参考资料,名词解释等。
阅读全文
摘要:html5--2.5新的布局元素(4)-aside/nav 学习要点 aside元素通常用来设置侧边栏。 用于定义article元素之外的内容(比如作者简介,版权声明),前提是这些内容与article元素内的内容相关。 同时也可嵌套在article元素内部使用,作为主要内容的附属信息,比如与主内容有
阅读全文
摘要:html5--2.4新的布局元素(3)-section 学习要点 用于定义一个独立的内容区块,比如一篇文章,一篇博客,一个帖子,论坛的一段用户评论,一篇新闻消息等. article元素内可以嵌套其他元素,它可以有自己的头、尾、主体等内容。使用时要特别注意内容的独立性,一般对于独立完整的内容才使用ar
阅读全文
摘要:html5--2.3新的布局元素(2)-article 学习要点 用于定义一个独立的内容区块,比如一篇文章,一篇博客,一个帖子,论坛的一段用户评论,一篇新闻消息等. article元素内可以嵌套其他元素,它可以有自己的头、尾、主体等内容。使用时要特别注意内容的独立性,一般对于独立完整的内容才使用ar
阅读全文
摘要:html5--2.1新的布局元素(1)-header/footer 学习要点 用于设置一个页面的标题部分,通常会包含标题,LOGO,导航等 通常会放在文章的头部 通常用于设置一个网页的底部区域,会包含友情链接,版权声明,文件建立日期,联系方式等 通常会放在页面的页脚 实例 1 <!doctype h
阅读全文
摘要:html5--2.1新的布局元素概述 学习要点 HTML5新标签的优点: 本章将要讲解的新标签概览 新增的布局标签 新增的布局标签可以概括为两类:用于控制页面主体内容的标签,可以划分为主体结构标签;非主体结构标签,用来放置辅助主体内容的信息。本套课程将按照页面的布局流程来讲解这些新标签,对于分类大家
阅读全文
摘要:html5--1.20 课程小结与若干点补充 学习要点: 1.第一章HTML5基础知识做一个小结2.对本章课程中部分内容做几点补充 课程小结 对本章的知识点做一个简单的回顾,并对其中个别知识点做若干补充 基本格式 关于基本格式大家学到这里应该已经比较熟悉了,这里需要补充一点关于meta 元素的知识点
阅读全文
摘要:html5--1.19 通用属性 学习要点: 1.通用属性的概念及几个常用的通用属性2.对属性值的若干点补充 通用属性 通用属性(全局属性)可以用于任何的HTML5元素;通用属性有十几种;这节课不会全讲,会讲几种最常用的,其他的大家有兴趣可以自己测试一下,我们会把他们放到后边的课程或者具体的实例中去
阅读全文
摘要:1.18 div元素与布局 1.元素的分类2.div元素与布局 1、元素的分类 块元素:主要特征是会产生换行效果,自动与其他元素分离成两行;通常可以作为容器在内部添加其他元素。 已经学过的块元素有: h1~h6;hr;ul;ol;p;table......... 内联元素:不会产生换行效果,会和其他
阅读全文
摘要:html5--1.16 内联框架 学习要点: 1.iframe内联框架2.综合实例1 1.iframe内联框架 1.iframe元素用来在文档中添加一个内联框架。 2.iframe为body元素的子元素,必须放置在boay中使用 3.主要属性:src;name/id;width;height 4.对
阅读全文
摘要:html5--1.15 style元素与HTML样式基础 学习要点: 1.引入样式的三种方式2.了解style元素插入内联样式表与内部样式表 1.引入样式的三种方式 1.外部样式表:通过 link元素引入外部样式表;< link rel="stylesheet" type="text/css"
阅读全文
摘要:html5--1.14 特殊符号的使用 学习要点: 实体的概念一个表格小实例 1.HTML 实体 在 HTML 中,某些字符是预留的。 在 HTML 中不能使用小于号(<)和大于号(>),这是因为浏览器会误认为它们是标签。 如果希望正确地显示预留字符,我们必须在 HTML 源代码中使用字符实
阅读全文
摘要:html5--1.11列表 学习要点: 无序列表 有序列表 列表的属性 自定义列表 1.无序列表的基本格式 ul(unorder line)标签里面放li标签就好了,每一项就是一个li(LineItem)标签 <ul> <li></li> <li></li> </ul> 2.无序列表的type属性
阅读全文
摘要:html5--1.10绝对路径和相对路径 学习要点: 绝对路径和相对路径 1.绝对路径 需要指出链接资源的绝对位置,与你的HTML文档的位置无关; 1. 服务器中的位置:href="http://www.nipic.com/show/2/52/8144173k9c3cc84f.html" 2. 本地
阅读全文
摘要:html5--1.9 img元素嵌入图片 学习要点: img元素嵌入图片学习一个新属性:title 1.img的属性 1.src:必要属性,制定图片来源的路径;2.alt属性:当图片无法显示时的替代文字;3.width和height属性,指定图片的宽度和高度;单位是像素或百分比; 1、我们只设置了宽
阅读全文
摘要:html5--1.8超链接下 下面演示链接打开新网友不关闭原网页。 外部网站: 百度 这是用a标签的target属性实现的,用的target="_blank" 这样新出现的页面会另外再开一个页面 target属性的四个值: _self:当前位置;默认的,没有效果 _blank:新窗口; _top(最
阅读全文
摘要:html5--1.5 文本元素 学习要点: 掌握常用的文本元素 文本元素,就是讲一段文本设置成相匹配的结构和含义 1.b元素: 我的作用就是 加粗文字; 2.br元素: 我的作用就是强制换行; 3.i元素: 我的作用就是让 文字倾斜; 4.del元素: 我的作用就是 删除文子 5.strong元素:
阅读全文

浙公网安备 33010602011771号