自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(32)
  • 问答 (1)
  • 收藏
  • 关注

原创 学习通音频和视频

1【单选题】在HTML中,可以使用( )标记向网页中插入视频。A、 <src> B、 <path> C、 <video> D、 <audio> 我的答案:C2【单选题】下列属性中指定媒体是否在页面加载后自动播放的是( )。A、 100p B、 autoplay C、 poster D、 auto 我的答案:B3【单选题】下列选项中,属于audio元素...

2022-01-06 11:26:38 1236

原创 学习通构建Web表单

1【单选题】<form>与</form>之间的表单控件是由用户自定义的。下列选项中,不属于表单标记<form>的常用属性的是( )。A、 action B、 size C、 method D、 name 我的答案:B2【单选题】在HTML中,<form method=””>,method属性表示( )。A、 提交方式 B、 表单所用的脚本语言 C、 提交的URL地址 D...

2022-01-06 11:14:00 690

原创 学习通页面元素和属性

1【单选题】HTML5 的全局属性中"contenteditable" 用于( )。A、 规定元素的上下文菜单,该菜单会在用户点击右键点击元素时出现 B、 规定元素内容是否是可编辑的 C、 从服务器升级内容 D、 返回内容在字符串中首次出现的位置 我的答案:B2【单选题】为了使得元素可拖动,可以把()属性设置为ture。A、 draggable B、 contenteditable C...

2022-01-06 11:01:15 906

原创 学习通 HTML5基础

1【单选题】位于HTML文档的最前面,用于向浏览器说明当前文档使用哪种 HTML 或 XHTML 标准规范的标记是( )。A、 <!DOCTYPE> B、 <head></head> C、 <title></title> D、 <html></html> 我的答案:A2【单选题】在HTML中,网页要显示的主体内容应放置在( )。A、.

2022-01-06 10:34:24 2722

原创 学习通WEB前端开发概述

1【单选题】在下列选项中,不属于Web前端开发任务的是( )。A、 页面布局 B、 页面交互 C、 通信协议 D、 页面特效 我的答案:C2【单选题】HTML5是( )年由W3C组织推荐的标准。A、 1993 B、 1997 C、 2000 D、 2014 我的答案:D3【单选题】下列选项中,( )不是Web浏览器。A、 Linux B、 Fire...

2022-01-06 09:41:21 1057

原创 二维码名片页面的样式设计

对右侧编辑器中的Begin - End区域的文字内容补充样式规则,以实现下面的页面效果。具体要求1.使用群组选择器,对<body>、<dl>、<dt>、<dd>标签中的内容进行样式设置。将外边距和内边距值设置为0,并将边框线宽设置为02.对<dl>标签进行样式设置: (1)内容区宽度设置为170px,高度设置为270px (2)内边距设置为10px,外边距设置为10px (3)边框线宽设置为10px,线样式设置为单实线,边框线颜色设

2021-12-17 20:41:04 740

原创 web前端开发与应用——文本样式

font-sizefont-size属性用于设置字号,该属性的值可以使用相对长度单位,也可以使用绝对长度单位,具体如下图所示。代码示例: p{font-size:100px;}font-familyfont-family属性用于设置字体。网页中常用的字体有宋体、微软雅黑、黑体等。代码示例: p{font-family:微软雅黑;}font-weightfont-weight属性用于定义字体的粗细,其可用属性值如下图所示。代码示例: p{font-weight:bold

2021-12-17 10:16:48 879

转载 css背景设置

CSS 背景属性 background-attachment 想要一个背景图像跟不跟网页动,怎么动background-color 想要一个背景颜色background-image 想把图像设置为背景。background-position 指定背景图像在页面的位置background-size 指定背景图片的大小background-repeat 指定如何重复背景图像background-origin 指定背景图像的定位区域backgroun...

2021-12-17 10:16:26 282

原创 web前端开发与应用——文本样式

colorcolor属性用于定义文本的颜色,其取值方式有如下3种:预定义的颜色单词,如red,green,blue等。 十六进制颜色值,如#FF0000,#FF6600,#29D794等。实际应用中,也可以使用缩写值,如将#FF0000写为#F00 RGB代码,如红色可以表示为rgb(255,0,0)或rgb(100%,0%,0%)。代码示例: <p style=color:red>您好</p> 显示效果:您好letter-spacingletter-spa

2021-12-16 10:42:38 1315

原创 web前端开发与应用——属性选择器

E[attr]:只使用属性名,但没有确定任何属性值; E[attr="value"]:指定属性名,并指定了该属性的属性值; E[attr~="value"]:指定属性名,并且具有属性值,此属性值是一个词列表,并且以空格隔开,其中词列表中包含了一个value词,而且等号前面的“〜”不能不写; E[attr^="value"]:指定了属性名,并且有属性值,属性值是以value开头的; E[attr$="value"]:指定了属性名,并且有属性值,而且属性值是以value结束的; E[attr*="va

2021-12-16 10:37:53 280

原创 web前端开发与应用——color属性

color属性值颜色值可以使用以下几种方式来设置:值 描述 实例 颜色的名称 颜色的名称,比如red, blue, brown, lightseagreen等,不区分大小写。 color:red; /* 红色 */color:black; /* 黑色 */color:gray; /* 灰色 */color:white; /* 白色 */color:purple; /* 紫色 */ 十六进制 十六进制符号 #RRGGBB 和

2021-12-08 20:14:33 1926

原创 web前端开发与应用——选择器

通用选择器通用选择器“ * ”号表示,它是所有选择器中作用范围最广的,能匹配页面中所有的元素。 例如:*{ margin:0px; padding:0px; border:0px }标签选择器指用HTML标签名称作为选择器,按标签名称分类,为页面中某一类标签指定统一的CSS样式 。 例如:p{ font-famliy:黑体; font-size:12px; color:green; }类选择器用来为一系列的网页元素定义相同的显示样式。类选择器使用“.”

2021-12-08 19:20:07 583

转载 web前端开发与应用——组合选择器

群组选择器当几个元素样式属性一样时,可以共同调用一个声明,元素之间用逗号分隔。 样式格式 标签名,标签名{属性1:属性值1; 属性2:属性值2;} 用法示例 h1,h2,h3{color:green;} 后代选择器当标签发生嵌套时,内层标签就成为外层标签的后代。后代选择器用来选择元素或元素组的后代,选择器的写法是外层元素写在前面,内层元素写在后面,中间用空格分隔。样式格式外层元素,内层元素{属性1:属性值1; 属性2:属性值2;} 用法示例 div p {ba

2021-12-08 19:10:37 268

原创 web前端开发与应用——CSS样式规则

什么是CSSCSS是Cascading Style Sheets(层叠样式表)的缩写,它是一种对Web文档添加样式的简单机制,是一种表现HTML或XML等文件外观样式的计算机语言,是一种网页排版和布局设计的技术。CSS的特点纯CSS布局与结构式HTML相结合能帮助设计师分离外观与结构,和传统的表格布局相比,具有以下特点:网页载入更快 降低流量费用 修改设计时效率高 更容易被搜索引擎收录浏览器对CSS3的支持及浏览器前缀CSS3是2010年推出的新标准,在选择器方面,除了IE9以下

2021-12-08 11:26:55 754

原创 web前端开发与应用——播放视频

支持video元素的视频格式HTML5使用<video>元素用来播放视频,目前<video>元素支持三种视频编码。MP4:这是一种具有H.264视频编码和AAC音频编码的格式 WebM:这是一种具有VP8视频编码和Vorbis音频编码的格式 Ogg:是一种具有Theora视频编码和Vorbis音频编码的格式。HTML5视频在浏览器中的支持情况如下图所示:一般提供ogg和mp4格式,就可以支持所有主流浏览器了。video元素及其属性使用video元素播放视

2021-12-08 10:27:51 3184

原创 web前端开发与应用——音频

支持audio元素的音频格式HTML5使用<audio>元素用来播放音频,目前<audio>元素支持三种音频编码。WAV:为微软公司(Microsoft)开发的一种声音文件格式,采用44.1K的取样频率,16位量化数字,声音文件质量和CD相差无几。 MP3:是一种音频压缩技术,用来大幅度地降低音频数据量。将音乐以1:10甚至1:12的压缩率压缩。 Ogg:全称应该是OGGVobis(oggVorbis)是一种新的音频压缩格式,Ogg是完全免费、开放和没有专利限制的,文件扩

2021-12-08 10:17:33 909

原创 web前端开发与应用——创建文本区域

textarea标签的属性textarea标签用于定义多行文本区域,文本区域中可容纳无限数量的文本,其中文本的默认字体是等宽字体(Courier)。textarea的基本属性textarea的基本属性主要有:cols:规定每行中的字符数 rows:规定可见的行数 name:规定文本区域的名称 readonly:规定文本区域为只读 disabled:规定文本区域为不可用HTML5中textarea的新属性textarea的新属性主要有:wrap:规定表单提交时,文本区域的文本

2021-12-02 21:16:14 1181

原创 web前端开发与应用——表单的验证

表单验证的概念表单验证是指在用户提交表单之前,验证用户输入的数据是否合法。 HTML5提供了一套简单的验证方式,在表单提交时,会根据情况弹出一些简单的提示,如“请填写此字段”“请匹配要求的模式”等,不同的浏览器所弹出的提示内容会有所不同。表单验证的类型HTML5中主要包括以下几个方面的验证:输入类型的验证、日期和时间范围的验证、必填字段的验证、步长的验证、字符长度的验证、数值范围的验证、正则表达式的验证等。required非空验证在某个表单控件中添加required属性,则表明该表单的值

2021-12-02 21:06:24 1683

原创 web前端开发与应用——表单组件

label标签及其属性<label>标签用于为输入类型的表单控件定义标注。用<label>元素定义的文本标签,从显示上看与其他文本毫无差异。但当用户点击由<label>元素定义的文本标签时,与该文本关联的输入控件将获得焦点。 <label>标签的属性主要是:for:规定label绑定到哪个表单元素上,属性取值为表单元素的id。 在HTML5中新增了form属性: form:规定label字段所属的一个或多个表单。当<label>标签不在表

2021-12-02 11:19:17 692

原创 web前端开发与应用——创建下拉列表

select控件select控件可以创建选择框。可为用户提供一组选项,允许用户从中选取,通常呈现为下拉菜单的样式。select控件的基本结构下拉列表选择区是由<select>标签和<option>标签构成,其中<select>标签用来创建下拉列表,<option>标签定义了列表中的可用选项。基本结构如下:<select name=""> <option value=" ">选项1</option>

2021-12-01 22:40:20 3409

原创 web前端开发与应用——创建输入控件

input控件的属性input标签是单标签,用于创建采集用户输入信息的表单控件。input控件常用的属性有type、name、value、size、readonly、disabled、checked、maxlength、min。type:控件类型,取值为text 、password、radio 、 checkbox 、 button、 submit、 reset、 file image、 hidden等 name:控件名称,取值由用户定义 value:控件中默认文本,取值由用户定义。对于不同的i

2021-12-01 22:27:35 848

原创 web前端开发与应用——表单的结构

表单的结构表单是收集用户数据的容器。一个表单通常由表单控件和相关的提示信息组成。表单控件:实现用户输入的组件。如文本框、密码框、单选按钮、复选按钮、下拉列表框、多行文本框、文件域等控件。 提示信息:提示用户进行填写和操作的说明文字。每个表单都以form开始标签开始,以form结束标签结束。两个标签之间是组成表单的各个控件及提示信息。表单的基本结构如下:<form action="url地址" method="提交方式" name="表单名称"> 各种表单控件及提示信息 &lt

2021-12-01 21:58:58 269

原创 web前端开发与应用——分组元素

divdiv元素是没有语义的通用分组元素,早期设计中常用div标签进行网页布局。blockquoteblockquote元素表示摘自另一个源的大段内容的语义化元素。在显示上有段落空隙,在左右两边缩进(增加外边距)。prepre元素用来定义预格式化文本,在<pre>标签内容中的文本通常会保留空格和换行符,显示为等宽字体。figure/figcaptionfigure元素代表一个和文档相关的图,figcaption是这个图的标题。ul/liul可创建无序列表,在这

2021-12-01 21:45:55 1681

原创 web前端开发与应用——文本层次语义元素

常用文本层次语义元素及其应用em和strongem和strong都是HTML5中定义的带有加强语义的元素,页面呈现加粗显示效果。em:把文本定义为强调的内容。显示时为斜体加粗。 strong:把文本定义为语气更强的强调的内容。citecite元素创建一个引用标记,用来指明某内容的引用或参考源,如书籍或杂志或新闻报道等的标题,规范、报纸、法律文件,网络文章的URL等。如果引用的这些文档有联机版本,还应该把引用包括在一个 <a> 标签中,从而把一个超链接指向该联机版本。mar

2021-12-01 21:09:01 399

原创 web前端开发与应用——交互元素

1.progress元素,2.meter元素,3.details/summary元素,4.menu元素,5.command元素progress元素progress元素属于状态交互元素。用来表示页面中的某个任务完成的进度。progress元素具有max和value两个属性:max:表示任务的总量,默认值为1. value:表示已完成任务的数量。应用中,可以有以下三种情况。用法示例1: <progress max=100 value=20></progress>用

2021-12-01 20:22:56 298

原创 web前端开发——结构元素

header元素header元素是一种表示头部的结构元素,通常用来放置整个网页或页面内一个内容区块的标题,但也可以包含其他的元素,例如标题(<h1>~<h6>)、导航部分(<nav>)或普通内容(<p>和<span>)等部分。article元素article元素是一种表示大段内容的结构元素。使用article元素可以在网页中定义独立的、完整的内容,例如:文章、博客、帖子、评论等。文章区的结构设计要求中的文章区由文章标题和文章内容

2021-12-01 20:17:32 666

原创 web前端开发与应用——表格

外边框线样式属性frame表格的外边框线的样式可用属性frame的取值来确定,frame取值与相应的样式如下:above:显示上边框 below:显示下边框 hsides:显示上下边框 vsides:显示左右边框 lhs:显示左边框 rhs:显示右边框 border:显示上下左右边框 void:不显示边框内部边框样式属性rules表格的内部边框的样式可用属性rules的取值来确定,rules取值与相应的样式如下:all:显示所有内部边框 none:不显示内部边框 rows

2021-11-29 09:21:30 875

原创 web前端开发与应用——表格

表格的基本标签HTML表格由table标签以及一个或多个tr、th或td标签组成:table标签:定义一个表格 caption标签:定义表格标题,嵌套在<table></table>中 tr标签:定义表格中的一行,嵌套在<table></table>中 th标签:定义表格中的表头单元格,嵌套在<tr></tr>中 td标签:定义表格中的数据单元格,嵌套在<tr></tr>中表格标签的基本属性

2021-11-29 09:13:03 2068

原创 web前端开发与应用——文档

title标签title标签用于定义HTML页面的标题。它是双标签,开始和结束标签之间的内容就是要设置的页面标题。 它的作用是:在浏览器的标题栏中显示标题 标题可以用作默认快捷方式或收藏夹的名称 标题还可以作为搜索引擎结果中的页面标题应用时注意:一个网页只能有一个标题 标题名称的长度不超过64个字符数 标题标记对之间不允许有其它的标签存在用法示例: <title>个人网页</title>charset属性在html5中,可直接通过meta标签的char

2021-11-29 09:06:01 363

原创 web前端开发与应用——文本控制类标签

设置网页背景图如需用图像作网页背景图,可在<body>中添加background属性,其属性取值即为图像的路径。 用法示例: <body background="背景图.jpg">设置网页背景色如需为网页添加背景色,可在<body>中添加bgcolor属性,其属性取值颜色单词或颜色代码。 用法示例: <body bgcolor="#FFF0F5">文本标题标签文本标题标签<hi>是双标签,块级元素,用于规定文本内容标题的层次。在

2021-11-29 08:59:44 136

原创 web前端开发与应用——图像运用

图像标签的常用属性img标签是单表签,行内元素。在应用中,img标签常设置的属性有:src、alt、align、width、height和title。为了方便训练,这里重述一下这几个属性的功能。src :给定图像来源的位置 align :设置图文对齐方式,可取left、right、top、bottom、middle Width和 height :设定图像的宽度和高度 title:鼠标停留在图片上时显示的说明文字 alt :设置在图像未载入前图片位置显示的文字 hspace:设置图像左右两侧

2021-11-29 08:56:21 246

原创 web前端开发与应用——超链接

超链接的属性超链接标签的属性除了href外,常用的还有:title:设置鼠标悬停在链源上时的提示文字 target:指定打开目标窗口的方式target属性的取值及含义如下图所示:图像超链接及其设置图像超链接采用图像作为超链接的链源,该链源可使用img标签来嵌入图像,该标签常用的属性有:src、alt、border、title、width、height等。用法示例;<a href="http://www.baidu.com" target="_blank" title="

2021-11-29 08:49:55 3707

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除