Web前端知识点概要-腾讯云开发者社区

开发者社区

文档建议反馈控制台

腾讯云架构师技术同盟

文章/答案/技术大牛

发布

Web前端知识点概要

专栏成员

14

文章

39309

阅读量

14

订阅数

视频标签栏切换

代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>视频标签栏切换</title> <style> * { padding: 0; margin: 0; }

2020-05-07

6600

视频播放器

视频播放器

代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>视频播放器</title> <link href="css/font-awesome.min.css" rel="stylesheet"> <style> * { padding: 0; mar

2020-05-07

3.8K0

个人信息页面网页

HTML代码如下： <!DOCTYPE HTML> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <title>个人信息页面</title> <link href="css/personal

2020-04-22

3.8K0

响应式绿色环保网页

HTML代码如下： <!DOCTYPE html> <html lang="en"> <head> <title>响应式绿色环保</title>  <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link h

2020-04-22

1.6K0

使用HTML5+CSS3绘制HTML5的logo

一.了解HTML5 logo 的构造 1.对HTML5的logo进行分析： image.png 2.logo的实现步骤：图1：定位出整个页面的背景区域“bg”,并实现背景光束。图2：定义logo样式，并画出盾牌的左半边。图3：画出盾牌的右半边。图4：画出浅橘色区域。图5：画出“5”的左半边。图6：画出“5”的右半边。图7：用色块遮盖多余的部分。图8：在盾牌上方添加“HTML”图片。二：代码实现 1.HTML代码部分： <!DOCTYPE html> <html> <head> <meta

2020-04-02

1.1K0

初识HTML5和CSS3

html5 html 网站 css api

HTML5不仅仅是HTML规范的最新版本，它也代表了一系列Web相关技术的总称，其中最重要的三项技术就是HTML5核心规范、CSS3（Cascading StyleSheet，层叠样式表的最新版本）和JavaScript（一种脚本语言，用于增强网页的动态功能）。

2020-04-02

3.8K0

正则表达式——表单验证

正则表达式表单验证

代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>实验</title> <style type="text/css"> /*该元素获得焦点时，不出现虚线框（或高亮框）*/ *:focus{ outline:none; } form{ width: 750px; height: 500px; background-color: #FFC0CB; positi

2020-04-02

1.2K0

JAVASCRIPT限定输入的内容及格式

员工信息登记表图像： TIM截图20200326184523.png 代码如下： <!DOCTYPE html > <html lang="en"> <head> <meta charset=utf-8" /> <title>员工信息登记表</title> </head> <body bgcolor="#ffc0cb"> <form method="get" id="register" action="do_login.jsp" onSubmit="return check(this);"> <h1

2020-03-26

1.2K0

过渡与变形的综合运用

效果图： qq_pic_merged_1585209608066.jpg 代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>过渡与变形的综合应用</title> <style type="text/css"> body{ background-color: black; } .box1,.box2,.box3,.box4{ width: 250px; height

2020-03-26

4770

CSS3新增属性

$(]A(666@`NW8$75OHH5U~W.png 9JF]%Z0JR4XZQW}YN[4`}]B.png KWMM}7[8IQ)618LDELV_R_S.png 1.png 2.png M2F_[`{%~SGNWD{~8$}{I[1.png CCS3变形 1.png 2.png 2.png 1.png CSS3动画 3.png

2020-03-26

4400

该属性的作用为为页面中的文本添加阴影效果；通过设置它可以让网页中的文本有外发光，辉光，投影，浮雕，模糊，影子，描边，3D等效果。写法通常如下 text-shadow:2px 2px 2px #fff；这四个值分别代表 X轴，Y轴，模糊程度(不可是负值)，阴影颜色

2020-03-23

6.3K0

HTML5常用的文本标签

<h1>~<h6>用处是为了命名标题，<h1> 定义最大的标题。<h6>用来定义最小的标题；标题标签主要目的不是为了设置字体大小，主要作用是对浏览器索引进行优化。例子:

2020-03-23

10.5K0

标签选择器：元素名称 |div{...}|使用标签选择元素，优先级最低，使用最广泛|

2020-03-08

2.5K0

HTML5语义化结构标签

HTML5中的header元素是一种具有引导和导航作用的结构元素，该元素可以包含所有通常放在页面头部的内容。其基本语法格式如下：

2020-03-03

2.2K0

没有更多了

社区活动

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·干货材料·成员作品最新动态