HTML
关注
分享
扫一扫
IDEA_TEYU_1112
其实吧压力也没那么大
展开
-
python学习之网站的编写（HTML，CSS，JS）（三）----------input系列的标签详解及示例代码（可上传到服务器form标签）
文章编排，我们首先来讲一下input系列的各种内容，然后用一个示例代码来清晰的理解其中特定的含义input系列：1.输入文本内容：<input type="text" name="user"/>起个名字易于在服务器端进行处理2.输入密码内容:<input type="password" name="password"/>3.可提交数据的按钮：原创 2018-09-23 12:21:57 · 551 阅读 · 0 评论 -
python学习之网站的编写（HTML，CSS，JS）（十八）----------文本对象模型dom之如何找到标签
文档对象模型（Document Object Model，简称DOM），是Javascript中重要的组成部分，在这节文章中，将对dom如何找到标签进行介绍。一共分为大概两大种：直接和间接直接分为以下四种：1.通过id找到标签。document.getElementById('')2.通过标签的名字找到标签。document.getElementsByTagName...原创 2018-10-07 14:07:10 · 277 阅读 · 0 评论 -
python学习之网站的编写（HTML，CSS，JS）（二十二）----------示例，点击不同的菜单在相同的位置显示不同的内容
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .hide{ disp原创 2018-10-14 11:22:46 · 1337 阅读 · 0 评论 -
python学习之网站的编写（HTML，CSS，JS）（十七）----------示例，构造一个网页的框架，上部标题，登录，logo，左侧菜单，右侧内容，源码
结果：颜色为了明显，所以较为难看，可以根据自己的需要进行更改源码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>逆水行舟不进则退</title> <sty原创 2018-09-29 12:51:53 · 312 阅读 · 0 评论 -
python学习之网站的编写（HTML，CSS，JS）（二十三）----------示例，点击不同的菜单在相同的位置显示不同的内容（索引的方式）
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .hide{ disp原创 2018-10-15 09:22:17 · 420 阅读 · 0 评论 -
python学习之网站的编写（HTML，CSS，JS）（二十四）----------示例，点赞，点赞的同时旁边出现一个逐渐变大的+1残影并很快消失
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .container{ p原创 2018-10-15 14:50:25 · 276 阅读 · 0 评论 -
python学习之网站的编写（HTML，CSS，JS）（十九）----------文本对象模型dom之获取和设置操作（获取文本内容，获取标签内容，获取值）
首先我们得有一小段代码，然后为一些标签附上一些id值，用于演示下面的操作，代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>逆水行舟不进则退</title></hea原创 2018-10-09 15:21:15 · 301 阅读 · 0 评论 -
python学习之网站的编写（HTML，CSS，JS）（二十）----------文本对象模型dom之操作大全之样式操作，以及其他操作，提示信息，确认信息，重新加载，定时器
演示过程需要用到一段示例代码，用于演示各种操作：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>逆水行舟不进则退</title> <style>原创 2018-10-09 20:11:00 · 285 阅读 · 0 评论 -
python学习之网站的编写（HTML，CSS，JS）（二十一）----------事件（例如点击事件等）及绑定事件的几种方式
事件：什么叫做事件呢，就是我们在页面中的一些鼠标和键盘操作，比如onclick就是点击事件，然后我们将介绍几种绑定事件的方式。1.在标签中绑定<div onclick="fuc()"></div><script> func(){ }</script>2.找标签，找到元素，再进行绑定<...原创 2018-10-09 20:45:20 · 492 阅读 · 0 评论 -
图片轮着显示
!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>逆水行舟不进则退</title> <style type="text/css"> * {原创 2018-10-22 20:06:30 · 442 阅读 · 0 评论 -
注册
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <title>Title</title> <style> .pg-content{原创 2018-10-25 19:56:16 · 226 阅读 · 0 评论 -
购物商城网站模板
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>逆水行舟不进则退</title> <style> .pg-header {原创 2018-10-21 13:27:55 · 1229 阅读 · 0 评论 -
调查问卷
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>逆水行舟不进则退</title> <style> .pg-head-p{原创 2018-10-21 16:36:13 · 299 阅读 · 0 评论 -
登录
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>逆水行舟不进则退</title> <style> .pg-body{原创 2018-10-21 20:00:32 · 408 阅读 · 0 评论 -
实现将一个图片拖拽到一个div的程序
<!DOCTYPE HTML><html><head><script type="text/javascript">function allowDrop(ev){// 除去默认的方式，默认是不可拖拖拽的 ev.preventDefault();}function drag(ev){// 设置拖拽的数据，数据...原创 2018-10-26 10:02:46 · 2324 阅读 · 1 评论 -
python学习之网站的编写（HTML，CSS，JS）（十六）----------示例，构造一个左侧管理菜单的功能，点击主菜单才显示下面的内容
结果：代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>逆水行舟不进则退</title> <style> .hide{原创 2018-09-28 16:10:02 · 289 阅读 · 0 评论 -
python学习之网站的编写（HTML，CSS，JS）（十五）----------示例，弹出一个背景为半黑色，前面是白框的弹窗功能（已经编好的框架）
效果图，代码直接可应用，按自己的需要在其中加入想要的内容： 代码及讲解：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>逆水行舟不进则退</title> <st原创 2018-09-28 15:28:57 · 322 阅读 · 0 评论 -
python学习之网站的编写（HTML，CSS，JS）（四）----------下拉菜单的选择标签（还有分类的功能）
实现效果：代码的讲解及示例：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>逆水行舟不进则退的主页</title></head><bod原创 2018-09-23 16:09:05 · 639 阅读 · 0 评论 -
python学习之网站的编写（HTML，CSS，JS）（五）----------a标签，用于实现网页的跳转和页面具体位置的跳转
a标签既可以实现页面的跳转也可以实现具体位置的跳转，见如下代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>逆水行舟不进则退的主页</title></head&原创 2018-09-23 16:27:49 · 861 阅读 · 0 评论 -
python学习之网站的编写（HTML，CSS，JS）（六）----------img标签，显示一个图片，并实现跳转（网上商城常用的操作）
显示一个图片并实现跳转是网上商城常用的操作，示例代码及结果如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>逆水行舟不进则退</title></head>原创 2018-09-23 16:42:55 · 401 阅读 · 0 评论 -
python学习之网站的编写（HTML，CSS，JS）（七）----------以列表条目的方式显示
话不多说，直接上图实现的代码及解释：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>逆水行舟不进则退</title></head><bo原创 2018-09-23 17:11:50 · 335 阅读 · 0 评论 -
python学习之网站的编写（HTML，CSS，JS）（八）----------label标签，点击label标签的文字将编辑的光标移过来
如果不加label的话，只设置值的话，点击文字是不能将编辑的光标移过来的，必须将id连接上之后，才可以实现，点击文字就可以将编辑的光标移过来。实现结果：代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>原创 2018-09-23 17:23:38 · 391 阅读 · 0 评论 -
python学习之网站的编写（HTML，CSS，JS）（九）----------table标签，表格的实现
table标签，里边的tr表示行，td表示列。代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>逆水行舟不进则退</title></head>&am原创 2018-09-23 17:40:38 · 594 阅读 · 0 评论 -
python学习之网站的编写（HTML，CSS，JS）（十）----------CSS中用的最多的class选择器，批量的为一些标签设置相同的版式
选择器有很多种，有id选择器，div选择器，层级选择器，组合选择器等等，然而，用的最多的就是class选择器，它的作用是为下面所有符合class规则的标签设置上相同的版式。步骤：1.在头部编写<style>标签，点+class选择器的名称（也就是下面需要选择的class），然后大括号，在里面写入版式。2.在下面的标签中，如果想用这个版式的话，就设置成head中定义的名字。...原创 2018-09-26 08:54:35 · 266 阅读 · 0 评论 -
python学习之网站的编写（HTML，CSS，JS）（十一）----------如何利用其它html文件中的CSS（也就是可以将共同的地方提取出来，放大一个文件中，利于使用）
首先说一下它的具体用处，我们已经知道，当我们写一个html文件的时候，不同的标签想用相同的版式的时候，我们可以将它提取出来，然后再用一些选择器进行应用，比如class选择器。但是，但我们编写多个html文件中的时候，多个文件都想用一些相同的版式该怎么办呢？那么就引入了这种连接的方式，首先写一个共同的CSS版式的html文件.c1{ background-color...原创 2018-09-26 09:08:42 · 263 阅读 · 0 评论 -
python学习之网站的编写（HTML，CSS，JS）（十二）----------CSS边框的编写
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>逆水行舟不进则退</title></head><body> <d原创 2018-09-26 09:13:45 · 271 阅读 · 0 评论 -
python学习之网站的编写（HTML，CSS，JS）（十三）----------CSS字体和对齐方式的设定
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>逆水行舟不进则退</title></head><body> <d原创 2018-09-26 09:31:15 · 393 阅读 · 0 评论 -
python学习之网站的编写（HTML，CSS，JS）（十四）----------CSS的display行内标签和块级标签的转换，控制标签是否显示
行内标签：有多大就占多大，无法设置高度，宽度和边距。块级标签：占一行，可以设置高度，宽度和边距。块级标签转为行内标签：display:inline行内标签转为块级标签：display:block还有一个特殊的转换，既包含块级标签的属性，又具有行内标签的属性，自己有多少占多少，可以设置高度，宽度和边距。：display:inline-block最后一个，让这个标签消失：displ...原创 2018-09-26 09:38:33 · 220 阅读 · 0 评论 -
python学习之网站的编写（HTML，CSS，JS）（一）---------------------------------------初识（初学者需了解）
首先推荐一款很好的python编译软件pycharm，但凡接触过python的人对它一定不是很陌生，在这里我们就可以编辑一些浏览器认识的html文件，创造出我们喜欢的网站页面，在pycharm中创建一个html文件是下面这样的，然后我们会对其一句一句的解释。<!DOCTYPE html><html lang="en"><head> <me...原创 2018-09-23 10:31:38 · 1008 阅读 · 0 评论 -
HTML文件的注释及其快捷键
<!--注释内容--> 快捷键：ctrl+?...原创 2018-09-23 10:33:52 · 46840 阅读 · 9 评论 -
python学习之网站的编写（HTML，CSS，JS）（二）----------head头部的编写（刷新页面，跳转网站，设定关键词，设置描述，设定标题及前面的小符号）
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>我的网页</title> <!--设定网站的名字--> <meta http-equiv原创 2018-09-23 10:43:55 · 690 阅读 · 0 评论 -
HTML补充功能之map------用来给图片划分不同的区域，不同的区域可以设置不同的响应事件
当我们想把一张图片划分为不同的区域，不同区域有不同的响应事件该怎么办呢？就是利用usemap属性，构建一个map标签，具体的使用和格式写在了代码了注释中。代码： <!DOCTYPE html><html><head><meta charset="utf-8"><title>逆水行舟不进则退</title&原创 2018-12-02 20:31:24 · 1916 阅读 · 0 评论