12 2020 档案
摘要:HTML5多媒体 多媒体来自多种不同的格式。 它可以是文字、图片、音乐、音效、录音、电影、电话等等。 在因特网上,你会经常发现嵌入网页中的多媒体元素,现代浏览器已支持多种多媒体格式。 多媒体格式 多媒体元素(比如视频和音频)存储于媒体文件中。 确定媒体类型的最常用的方法是查看文件扩展名。 多媒体元素
阅读全文
摘要:<input> 元素的输入类型(复习) <input type="text"> 定义供文本输入的单行输入字段 <input type="password"> 定义密码字段 <input type="submit"> 定义提交表单数据至表单处理程序的按钮。 <input type="radio"> 定
阅读全文
摘要:内容提要 HTML5页面结构。 使用HTML5新增元素和新增属性。 HTML5新增表单元素和新增属性的设置方法。 使用HTML5的Audio和Video媒体元素。 HTML5本地存储开发Web应用。 使用CSS3的转换、过渡和动画等特性设计页面的动态效果。 设置与应用CSS3文本效果及多列等属性。
阅读全文
摘要:什么是表格 表格由<table>标签来定义 每个表格均由若干行(由tr标签定义) 每行被分为若干个单元格(由td标签定义) 标签td指表格数据及数据单元格内容 数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等 表格的表头使用<th>定义。 表格结构 <!DOCTYPE html> <h
阅读全文
摘要:对齐块元素 块元素指的是占据全部可用宽度的元素,并且在其前后都会换行。 块元素的例子:<h1>、<p>、<div> 使用margin属性来水平对齐 可通过将左和右边距设置为"auto",来对齐块元素。 把左和右外边距设置为auto,指的是均等地分配可用的外边距。结果就是居中的元素: 。center{
阅读全文
摘要:CSS定位 定位允许定义元素框相对于其正常位置或父元素、另一个元素甚至是浏览器本身来重新定义应该出现的位置。 CSS为定位和浮动提供了一些属性,利用这些属性,可以建立列式布局,将布局的一部分与另一部分重叠,还可以完成多年来通常需要使用多个表格才能完成的任务。 一切皆是框 div、h1或p元素常常被称
阅读全文
摘要:CSS框模型 CSS框模型(Box Model)规定了元素框处理元素内容、内边距、边框和外边距的方式。 元素框的最内部是实际的内容,直接包围内容的是内边距。内边距呈现了元素的背景。内边距的边缘是边框。边框外面是外边距,外边距默认是透明的,因此不会遮挡其后的任何元素。 padding内边距 内边距、边
阅读全文
摘要:CSS属性值中的单位 绝对单位 绝对定位在网页中很少使用,一般多用在传统平面印刷中,但在特殊场合使用绝对单位是很有必要的。 绝对单位包括:英寸、厘米、毫米、磅、pica(皮卡),其对应的英文单位分别是in(1in=2.54cm)、cm、mm、pt(1pt=1/72in)、pica(pc,1pc=12
阅读全文
摘要:内容提要 DIV标记的基本用法、常用属性。 DIV嵌套与层叠的含义。 SPAN标记的语法,灵活使用SPAN标记。 DIV与SPAN标记在使用上的差异。DIV用于多行的、大片区的;SPAN用于行内标记。 使用DIV+CSS进行和简易页面布局。 HTML块级元素 块级元素(block level ele
阅读全文
摘要:div双标记,division——部门、部分、分开的意思。div中可以分块定义文章的不同部分。 开头:div id='header' 导航:div id="navigation" 主体:div id="maincontent" 页脚:div id="footer" 使用CSS定义上述的div标记,将
阅读全文
摘要:内容提要 图像img标记语法及属性设置方法。 设置图像热区链接。 滚动文字marquee标记语法及属性设置方法。 背景音乐bgsound标记语法及属性设置方法。 嵌入多媒体文件embed标记语法及属性设置方法。 采用超链接插入动画、音频和视频类多媒体文件。 图像 网页上插入图像的方法就是使用<img
阅读全文
摘要:列表内容提要 无序列表、有序列表 定义列表标记语法及属性语法 菜单列表、目录列表标记语法 使用无序、有序及定义列表设计Web网页 使用嵌套列表设计小型网站首页 列表的简介 列表能对网页中的相关信息进行合理的布局,将项目有序或无序地罗列在一起,从而方便用户浏览和操作。 HTML中列表一共有5种,分别是
阅读全文
摘要:内容提要: 标题字(h1最大~h6最小)标记语法及属性语法 文本格式化标记类型与作用 使用字体font标记 使用段落与排版标记 使用各类格式化标记设计简易的Web页面 Web页面设计原则 简洁:满足人们的实用和需求为目标,要求简练、准确。 一致性:网站中各个页面使用相同的页边距,页面中的每个元素与整
阅读全文
摘要:内容提要: HTML文档的基本结构 标记(标签)类型、标记(标签)语法 body标记的属性的设置方法 给网页添加注释 meta元信息的作用 HTML文档类型。<!doctype html> html文件由头部head和主体body两部分组成: 在头部<head>标记中,可以定义标题、样式等,头部里放
阅读全文
摘要:开发环境设置 安装vs-code,并安装前端开发工程师常用的插件。 vscode-icon:文件图标 Class autocomplete for HTML:自动补全html代码 beautify:格式化代码,使javascript、JSON、CSS、Sass、HTML代码更美观 HTML Snip
阅读全文
摘要:express基本概念 后端框架 —— express.js,基于Node.js平台,快速、开放、极简的web开发框架。 后台服务,和mongodb关联,提供数据。 后端路由。 express安装方法 安装Express应用生成器,如果遇到安装失败的情况,请用cnpm(淘宝的软件仓库)安装,命令相同
阅读全文

浙公网安备 33010602011771号