网页设计代码范文1
效果如下:
创建
记得引入哟~ 效果如下:
下载 进入官网,下拉找到 Github 下载 下载成功的压缩包文件: 解压缩,然后放到博客系统的目录下,记得更名为噢~ 然后回到 VS Code 中查看目录:
引入
代码如下:
注意,链接中的路径需要是真实存在的且与对应文件一一对应的,如第一个链接,我们可以自己在文件中查看。 其中第二个链接表示的是 jQuery 库。
jQuery 不是 的一部分,而是 依赖的库,因此这里我们需要额外安装一下 jQuery 这个库。
选择 minified 版本,这个版本是被压缩过的(即使用去掉换行空格符,更换变量名之类的操作来缩短内容) 方法一:
打开 jQuery 的源码文件,直接复制粘贴到VSCode 中,保存到 jQuery 这个文件中即可。
方法二:
网页设计代码范文2
HTML 代码片段如下:
怎样双击滚屏,单击停止?
HTML 代码片段如下:
网页设计代码范文3
第一章。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.3 第一节。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。3
第一课 认识HTML.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.3 第二课 段落及超链接。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。4 第三课 设置背景图及图片。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。6 第四课 表格。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。6 第五课 hr属性、滚动字符、列表。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。8 第二节。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。10 第一课 表单。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。10 第二课按钮及下拉框。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。11 第三课 框架,标签iframe.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.13 第四课背景音乐,多媒体。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。14 第三节css.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.15 第一课 了解css.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.15 第二课 属性。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。15 第三课 样式表的三类应用方式。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。.。17
第一章
第一节 第一课 认识HTML :超文本标记语言
网页又称WEB页面
:包括文字,表格,图片,声音,视频。以及各种功能按钮 3.首页:进入一个网站第一个显示的页面
4、网页的格式是国际标准组织定义的叫做W3C.具体标准是HTML,标记语言格式
5、标记的基本语法: 6.新建一个网页:先新建文本文档,然后把后缀名改成“***。html”即可
文件的后缀名:***。html或***。htm 用html语言编写的文档就是html文档,也常被称为“静态网页”文件
标记语言规定:(1)html标签必须是成对出现
(2)html标签不区分大小写 9.常用标签
加粗 斜体下划线
换行下标上标
color:可以设置水平线的颜色
width:可以设置水平线的宽度
align:可以设置水平线的位置,左,中,右 2.滚动字符 :marquee
要滚动的字体
属性:
bgcolor:滚动轨迹的颜色
direction:设置内容滚动的方向
Behavior:设置内容滚动的方式
Height:高度
Width:宽度
scrolldelay:设置二次滚动的时间间隔
Loop:滚动的次数 3.列表
无序列表:列表内容前面的符号是一样的 有序列表:列表内容前面的符号是自动排列的 自定义列表: 自己设置列表内容前面的符号
无序列表的标签:
无序列表内容项的标签:
在无序列表中有一个重要的属性:type
第一个
第八个
type的值有: circle:空心圆
disc:实心圆
square:方块
有序列表的标签:
有序列表内容项的标签:
在有序列表中有一个重要的属性:type
自定义列表的标签:
设置自定义列表的图标标签:
自定义列表内容项的标签:
把一张图片分为多个区域进行超链接
第二节 第一课 表单
1、表单标签:
标签的属性:
id:编号(不能重复)
name:名称(可以重复)
method:数据提交的方式,只有二个值
get:显示的提交数据
post:隐式的提交数据
action:提交的路径 类似于
2、输入标签:
分类:
文本框:
maxlength:在文本框中可输入的最大长度
value:文本框中的默认值
密码框:
单选框:
checked:代表默认选中的选项,值true false
true :选中,false代表不选中。
注意点:要想多个单选框成为一组,必须把name的值设置为相同。
复选框:
第二课按钮及下拉框
”button“ 普通按钮
”submit“ 提交按钮
注意点:当使用提交按钮时,需要把form表单标签中的action属性赋值。”image“ 图片提交按钮
”reset“ 重置按钮
作用:把页面中所有用户输入的内容恢复到
初始状态。
”file“ 上传文件标签(可以选择要上传的内容)
”hidden“ 隐藏内容标签
7、下拉框标签:
标签的属性:
说明:id是option的编号
value:一般去保持编号如(张三的编号是:s10010)
张三 8.多行文本框:标签
属性:
默认值 第三课 框架,标签iframe 的属性
标签:
的属性:
当使用标签时,需要和一起使用。
在Target:—blank 显示一个新的窗口
—self 显示在同一个窗口
—parent 显示在iframe的前一份文件的窗口
—top 显示整个浏览器
2、框架(混合排列多个窗口)必须写在head里面 “30%,*”>
第四课背景音乐,多媒体
1、插入背景音乐
没有控制条的多媒体
Start:mouseover鼠标滑到文件时播放
Fileopen 打开网页就播放 有控制条的多媒体