![](https://img-blog.csdnimg.cn/20190918140037908.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
html
html
1900_
你热爱什么,你追求什么,你就成为什么
展开
-
两个组件对不齐(css样式问题)
如图,加了一个组件之后,对不齐了其实以前上课的时候学过这个东西,css样式的知识。但是上完了课之后,都把知识忘干净了所以特此记录一下,下次用到方便查找给父组件加一个属性:display: flex <div style="margin: 10px 0; display: flex"> <el-select v-model="selectValue" clearable placeholder="选择要显示的数据" style="wi.原创 2021-09-28 13:39:57 · 313 阅读 · 0 评论 -
Vue学习笔记(一)
一、hello Vue安装vue,把源文件下载下来,放到工程文件夹下在代码中引入vue<script src="../js/vue.js"></script>案例代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=.原创 2021-08-06 22:45:50 · 130 阅读 · 0 评论 -
vue学习笔记(二)
组件基础创建组件-->注册组件-->使用组件<body> <div id="app"> <!-- 注意 html标签不支持驼峰命名法 所以这个地方组件的命名要注意 --> <mycpn></mycpn> </div> <script src="https://cdn.jsdelivr.net/npm/vue@2.6.14"></scri原创 2021-08-21 16:13:30 · 111 阅读 · 0 评论 -
HTML小作业---网站首页/新闻栏目/banner图/js下拉框
html小作业:期末小作业,一个官网首页。下载地址:链接:https://pan.baidu.com/s/1PQEjTkzD1YRWuGzuwIhA9A提取码:fzng效果预览:...原创 2019-06-29 09:29:18 · 934 阅读 · 0 评论 -
html----选项卡自动切换以及鼠标悬停时停止(js)
效果:三秒自动切换鼠标指到哪个,立即停止自动切换,并换到鼠标指的那个,停止不动!代码以及详细注释<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>选项卡</title> <style...原创 2019-06-28 22:20:42 · 2342 阅读 · 0 评论 -
html----js控制下拉框(详解
效果:html代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>导航栏</title> <link rel="stylesheet" href="css.css">...原创 2019-06-27 18:39:54 · 2417 阅读 · 0 评论 -
banner图/轮播图----html
四张图片 轮播效果如下代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>banner</title> <style type="text/css"> ...原创 2019-06-24 14:00:55 · 6597 阅读 · 0 评论 -
html小作业--新闻栏目
实验目标:(效果图)实验素材:用到了两个图片 尖括号是图片more是图片代码html<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>学院栏目</title> <link hre...原创 2019-06-05 11:54:30 · 4618 阅读 · 0 评论 -
javascript练习案例--消失的星星
要求(1)新建HTML文件xingxing.html。(2)效果要求。每隔一秒在屏幕中随机出现一颗任意大小的星星。 用鼠标单击星星时,星星消失。(3)需要用到知识:创建元素;设置元素属性或修改元素属性;Math.Random随机函数;为对象添加鼠标单击动作函数(可以通过设置属性方式添加);窗口的定时器方法setTimeout()等。效果素材代码<...原创 2019-05-25 22:22:23 · 2033 阅读 · 0 评论 -
使用js实现鼠标放置时显示下拉列表
效果图鼠标放置时文件代码素材网页架构<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>传智商城下拉菜单</title> <link rel="stylesh...原创 2019-05-25 17:32:36 · 6517 阅读 · 2 评论 -
使用原生javaScript创建ul和li对象以及操作
要求代码<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>元素对象</title> <script type="text/javascript"> function init() { ...原创 2019-05-24 22:37:48 · 4248 阅读 · 0 评论 -
html笔记
<meta charset="utf-8"/> 编码格式<link type="text/css" rel="stylesheet" href="css.css"> 引用外部CSS样式表<em></em>斜体<strong></strong> 加粗<ins></ins> 下划线<...原创 2019-03-20 10:57:22 · 389 阅读 · 0 评论 -
用VScode写html文件以及调用浏览器运行
快速写html代码打开VScode新建文件ctrl+s保存为html格式第一行输入一个 ! (注意 英文状态下的 !)然后按tab 就会自动出现html模板 怎么调用浏览器预览html呢点这个 进入扩展商店输入open 下载安装 open in browser然后 安装完了 重启vscode打开一个 htm...原创 2019-02-24 16:28:30 · 9382 阅读 · 1 评论 -
linux服务器上使用apache部署静态html网页
之前买的一台腾讯云服务器,在上边部署过一次html网页,但是当时由于是在上课的时候搞的,没有记录下来,然后那个服务器到期了,入手了阿里云,把之前的网页挪过来,记录一下操作,方便以后查看环境:阿里云的服务器,我买的是学生优惠的,毕竟自己学习用,基本够用了,10块钱一个月,良心价。阿里云服务器ECS + ubuntu16.04服务器配置:阿里云的买来先需要配置安全组规则...原创 2019-02-12 13:27:21 · 9887 阅读 · 1 评论 -
html网页显示时中文乱码
在最前面加上一句<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />(加在<html>的前边)或者加<meta charset="utf-8" />meta是html中的元标签,其中包含了对应html的相关信息,客户端浏览器或服务器端的程序会根据这些信息..原创 2018-12-21 20:52:53 · 3839 阅读 · 0 评论 -
html中图片路径的几种使用方式
1、如果html文件和图片在同一文件目录下 <img src="holly.jpg" width="140" height="140"/>2、如果图片在images文件夹里 而html文件与images在同一文件目录下 <img src="images/holly.jpg" width="140" height="140原创 2018-12-21 20:49:19 · 23449 阅读 · 2 评论