当前位置: 首页 > news >正文

实训第一天以及第二天所学记录

实训第一天以及第二天所学记录

浏览器内核

IE:Trident
Firefox:Gecko
Chrome:Webkit / Blink
Safari:Webkit
Opera:Presto / Blink

在VScode中使用注释的快捷键

按住键盘的Ctrl+/

元素

(标签 标记)

<a href="http://www.baidu.com">百度</a>
<title>document</title>

整体:element(元素)
元素 = 起始标记(begin tag) + 结束标记 (end tga)+ 元素内容 + 元素属性(描述元素的额外信息)
属性 = 属性名 + 属性的值 (加到起始标记里面)

属性的分类:
1.局部属性(某些元素特有的属性)
2.全局属性(所有元素同意)

<meta charset="UTF-8">

``html

Document ```
 <title>Document</title>

网页标题

<body></body>

文档体,页面上所有要参与显示的文件,都应该放在文档体中。

什么是语义化

  1. 每一个HTML元素都具有的意义
    a元素:超链接
    p元素:段落
    h1元素:一级标题

  2. 所有元素与展示效果无关。
    元素展示到页面中的效果,应该由CSS决定。
    因为浏览器带有默认的CSS样式,所以每个元素有一些默认样式。
    重要理论:选择什么元素,取决于内容的含义,而不是显示出的效果

文本元素

HTML5中支持的元素:HTML5元素周期表。

h

标题
h1~h6:表示一级标题到六级标题。

p

段落

HTML实体

实体字符,HTML Entity
实体字符通常用于在页面中显示一些特殊符号。

  1. &单词;
  2. &#数字;
  • 小于符号:<
  • 大于符号:>
  • 空格符号:  none-breaking space
  • 版权符号:©
  • &符号:&

a元素

超链接

路径的写法

站内资源和站外资源

站内资源:当前网站的资源
站外资源:非当前网站的资源

绝对路径和相对路径

对站外资源使用绝对路径,对站内资源使用相对路径

绝对路径的书写格式:
url地址:

协议名://主机名:端口号/路径
schema://host:port/path

图片元素

image元素

image缩写,空元素
src属性:source。
alt属性:当图片资源失效时,当显示该属性的文字替代图片。

列表元素

有序列表

ol:ordered list
li:list item

无序列表

把ol改为ul

ol:unordered list

无序列表常用于制作菜单或新闻列表。

定义列表

通常用于一些术语的定义
dl:definition list
dt:definition title
dd:definition description

总结:

  1. 容器元素中可以包含任何元素:div header article

  2. a元素中几乎可以包含任何元素

  3. 某些元素有固定的子元素(ul>li ol>li dl>dt+dd)

  4. 标题元素和段落元素不能相互嵌套,并且不能包含容器元素

表格元素

在CSS技术出现之前,网页通常使用表格布局。
现在因为表格的渲染速度过慢,不再适用于表格布局.
表格由 table标签来定义。每个表格均有若干行(由 标签定义),每行被分割为若干单元格(由 标签定义)。字母 td 指表格数据(table data),即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。

<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>

在浏览器显示如下:

row 1, cell 1row 1, cell 2
row 2, cell 1row 2, cell 2

表格和边框属性

如果不定义边框属性,表格将不显示边框。有时这很有用,但是大多数时候,我们希望显示边框。
使用边框属性来显示一个带有边框的表格:

<table border="1">
<tr>
<td>Row 1, cell 1</td>
<td>Row 1, cell 2</td>
</tr>
</table>

在浏览器显示如下:

Row 1, cell 1Row 1, cell 2

表格的表头

表格的表头使用 标签进行定义。

大多数浏览器会把表头显示为粗体居中的文本:

<table border="1">
<tr>
<th>Heading</th>
<th>Another Heading</th>
</tr>
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>

在浏览器显示如下:

HeadingAnother Heading
row 1, cell 1row 1, cell 2
row 2, cell 1row 2, cell 2

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.exyb.cn/news/show-2826.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈,一经查实,立即删除!

跨域请求

/* * Description: 配置文件 */ module.exports { publicPath: "./", devServer: { open: true, proxy: "http://106.15.179.105/api" //跨域路径 }, }; // proxy是代理的意思 // 代理跨域就是在欺骗浏览器 让浏览器认为你访问的还是 同…...

Mac os下通过Anaconda在远程服务器配置python虚拟环境

一、SSH管理软件 这里推荐一款本人正在使用的软件&#xff0c;Termius。Termius是一款非常好用而且漂亮的SSH客户端&#xff0c;能快速远程控制服务器&#xff0c;可以定制自己喜欢的主题.Termius不仅涵盖了Windows、Linux、OSX&#xff0c;还变态得支持Android和iOS&#xff…...

Labview需求(部分)

本人从事工控行业多年,有一些资源,目前labview的单子干不过来了,想找几个靠谱的labview工程师跟我合作,想做兼职,接单的labview工程师可以私聊我,另外我有一些项目还需要跟单片机工程师,plc工程师,fpga工程师合作,欢迎大家找我合作!以下是手里比较着急的项目,需要外包 需求1&am…...

2021java1年经验公司面试真题

1面我就省略了&#xff0c;主要就是看你的以前工作情况&#xff0c;以前工作内容能不能清晰表达&#xff0c;还有一些简单的java基础问题&#xff0c;大概20多分钟。二面就是40分钟基础&#xff0c;20分钟业务&#xff0c;10分钟个人情况。下面是二面问题 1.自我介绍 做一下自…...

Unity基础之C#核心篇笔记4:多态

Unity基础之C#核心篇笔记4&#xff1a;多态多态1.多态的概念2.解决的问题3.多态的实现4.总结抽象类和抽象方法1.抽象类2.抽象函数3.总结4.练习题接口1.接口的概念2. 接口的申明3.接口的使用4.接口可以继承接口5.显示实现接口6.总结7.练习题密封方法1.密封方法基本概念2.实例3.总…...

LeetCode每日一题 - 有多少小于当前数字的数字

题目&#xff1a; 给你一个数组 nums&#xff0c;对于其中每个元素 nums[i]&#xff0c;请你统计数组中比它小的所有数字的数目。 换而言之&#xff0c;对于每个 nums[i] 你必须计算出有效的 j 的数量&#xff0c;其中 j 满足 j ! i 且 nums[j] < nums[i] 。 以数组形式返回…...

用Python爬取彼岸图网图片

用Python爬取彼岸图网图片 *使用了 四个模块 import time import requests from lxml import etree import os 没有的话自行百度安装。 #encoding utf-8 import time import requests from lxml import etree import os# http://www.netbian.com/ 爬虫 if __name__ __mai…...

第k个数(快速选择)

算法思路 快速选择&#xff1a; 1.即任意选一个数&#xff0c;将数组划分为二。 2.最终根据该数所在的位置&#xff0c;即第&#xff1f;大&#xff0c;选择第k大的数字所在区间进行划分。 时间复杂度分析&#xff0c;第一次划分n,下一次划分期望n/2&#xff0c;n/4…累加和小…...

yolov5 detect.py报错

新手求助 yolov5训练了自己的数据集后&#xff0c;test没问题&#xff0c;但是运行detect.py就报错了&#xff0c;一直找不到问题所在&#xff0c; 求大佬指点指点...

DEX 争霸战火升级,BabySwap 会否成为下一代黑马?

在 AMM机制大力推动下&#xff0c;DEX的群雄争霸比预想中来得要快且凶猛。伴随着诸如高盛等主流资本逐步认可DeFi 的意义&#xff0c;在真正的去中心化金融爆发的前夜&#xff0c;可以说谁抢占了DEX 红海的先机&#xff0c;谁就赢得了未来。 从早期以太坊的Uniswap和DoDo&…...

flutter 常用的第三方组件

引用文章链接&#xff1a; https://www.jianshu.com/p/a523e5f131b2 1、格式化日期时间组件&#xff1a;https://pub.dev/packages/date_format 2、日期选择组件&#xff1a;https://pub.dev/packages/flutter_cupertino_date_picker 3、轮播图组件&#xff1a;https://pub.…...

Android面试回忆录:帮助程序员提高核心竞争力的30条建议,真香!

**新技术层出不穷&#xff0c;去年kotlin到如今Flutter&#xff0c;技术迭代&#xff0c;你是否会变得固步自封&#xff1f;**那么看本篇文章帮你解决问题&#xff0c;让你知道怎么样学习&#xff0c;学习那些技术点才能不被时代的迭代快速淘汰&#xff01; 首先&#xff0c;先…...

2021-05-30解决centos+宝塔面板,FTP传输421 Too many connections问题错误

解决centos宝塔面板&#xff0c;FTP传输421 Too many connections”问题错误 1、首先连入服务器 在/www/server/pure-ftpd/etc下&#xff0c;找到pure-ftpd.conf 2、vim pure-ftpd.conf 没有vim的&#xff0c;用其他编辑软件也可以 3、找到 #Maximum number of sim clients wit…...

RK3399 DDR频率修改

RK3399 DDR频率修改 一、DDR当前频率获取与可调节范围 1、获取当前DDR频率、可调值、容量 cat /sys/class/devfreq/dmc/cur_freq2、查看DDR频率可调节的值 cat /sys/class/devfreq/dmc/available_frequencies3、获取DDR容量 cat /proc/meminfo二、DDR测试定频 1、因为RK3…...

javascript正则表达式常用合集

javascript正则表达式常用的合集 参考网址 {n}: n 是一个正整数&#xff0c;匹配了前面一个字符刚好出现了 n 次 {n,}: n是一个正整数&#xff0c;匹配前一个字符至少出现了n次 {n,m}: n 和 m 都是整数。匹配前面的字符至少n次&#xff0c;最多m次。如果 n 或者 m 的值是0&…...

qApp加载qss技巧

使用Qt加载qss样式&#xff0c;一般操作是读取文件&#xff0c;通过setStyleSheet设置 但是qApp只需如下&#xff1a; qApp->setStyleSheet("file:///:/test.qss");//只适用于qApp...

发现一款好用到爆的数据库工具 - DataGrip(就是耗内存)

作者&#xff1a;Atzuge cnblogs.com/zuge/p/7397255.html 最近看到一款数据库客户端工具&#xff0c;DataGrip&#xff0c;是大名鼎鼎的JetBrains公司出品的&#xff0c;就是那个出品Intellij IDEA的公司。 - 就是耗内存 DataGrip是一款数据库管理客户端工具&#xff0c;方便…...

Java 类加载器(ClassLoader)的实际使用场景有哪些?

什么是classloader classloader顾名思义&#xff0c;即是类加载。虚拟机把描述类的数据从class字节码文件加载到内存&#xff0c;并对数据进行检验、转换解析和初始化&#xff0c;最终形成可以被虚拟机直接使用的Java类型&#xff0c;这就是虚拟机的类加载机制。了解java的类加…...

Bad owner or permissions on C:\\Users\\USER/.ssh/config on Windows

Bad owner or permissions on C:\Users\USER/.ssh/config 问题描述 由于使用vscode远程连接服务器突然新增了C:\Users\USER/.ssh/config &#xff0c;再powershell/cmd下面使用openssh&#xff08;windows自带&#xff09;连接服务器会出现Bad owner or permissions on C:\\U…...

React方向的前端面试题

1、React的生命周期&#xff1f; React中只有类组件有生命周期可言。 其中包含三个状态&#xff1a; Mounting&#xff1a;此时已经插入了真实的DOM&#xff1b; Updating&#xff1a;正在被重新渲染&#xff1b; Unmounting&#xff1a;已经移出真实的DOM。 生命周期的方…...

jvm对象

1.对象的创建 对象的创建大概可以分为5步&#xff0c;流程如下图所示 1.类加载检查 虚拟机遇到一条new指令时&#xff0c;首先在常量池中定位到这个类的符号引用&#xff0c;然后检查这个符号引用代表的类是否已经被加载过、解析和初始化过&#xff0c;如果没有&#xff0c;…...

工作集替换算法

工作集替换算法局部最佳页面替换算法工作集模型和工作集置换算法模拟工作集替換算法缺页频率替换算法局部最佳页面替换算法 1976年由 Pieve提出一种局部最佳页面替换算法&#xff0c;它与全局最佳替换算法类似&#xff0c;需事先知道程序的页面引用串&#xff0c;再根据进程行…...

洛谷:P1831 杠杆数(数位dp)

文章目录描述解析代码thanks for reading&#xff01;传送门描述 如果把一个数的某一位当成支点&#xff0c;且左边的数字到这个点的力矩和等于右边的数字到这个点的力矩和&#xff0c;那么这个数就可以被叫成杠杆数。 比如4139就是杠杆数&#xff0c;把3当成支点&#xff0c…...

CentOS 配置php环境

一.安装apache 1.安装apache yum install httpd2.修改配置文件 vi /etc/httpd/conf/httpd.conf将#ServerName www.example.com:80前面的#去掉 修改为ServerName localhost:80 3.添加端口,刷新配置,并查看确认 firewall-cmd --permanent --zonepublic --add-port80/tcp fire…...

MapReduce概述

1.MapReduce定义 MapReduce是一个分布式运算程序的编程框架&#xff0c;是用户开发“基于Hadoop的数据分析应用”的核心框架。 MapReduce核心功能是将用户编写的业务逻辑代码和自带默认组件整合成一个完整的分布式运算程序&#xff0c;并行运行在一个Hadoop集群上。 2.MapReduc…...

requests+re爬取猫眼电影排行

import requests from requests.exceptions import RequestException import re,json,timedef get_one_page(url):#获取网页信息try:headers {User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/90.0.4430.212 Safari/53…...

部署k8s

安装docker 参考菜鸟教程&#xff1a;Ubuntu Docker 安装 | 菜鸟教程 (runoob.com) docker配置 1、当前用户加入"docker"用户组 sudo usermod -aG docker $USER2、 配置 cgroup 驱动为 systemd sudo vim /etc/docker/daemon.json # 创建文件 /etc/docker/daemo…...

Android Studio 使用Token登录Git

获取Token地址&#xff1a;https://github.com/settings/tokens...

6 python数据分析基础——批量进行数据分析(二)

目录 七、使用相关系数判断数据的相关性 1、使用相关系数判断数据的相关性 2、求单个变量和其他变量间的相关性 八、使用方差分析对比数据的差异 1、使用方差分析对比数据的差异 2、绘制箱形图识别异常值 九、使用描述统计和直方图制定目标 1、使用描述统计和直方图制定…...

pytorch代码学习1

这篇文章所写的内容主要是基于Context-Aware_Crowd_Counting-pytorch 的代码写的 1.在深度学习领域&#xff0c;会训练出一个模型&#xff0c;在使用训练好的模型时&#xff0c;其中有一种保存的模型文件格式叫.npy 2.os.path.join()函数&#xff1a;连接两个或更多的路径名组…...

ARM汇编之乘法指令

ARM汇编之乘法指令前言 首先&#xff0c;请问大家几个小小问题&#xff0c;你清楚&#xff1a; 乘法指令有哪些种类呢&#xff1f;ARM乘法指令具体的使用场景又有哪些&#xff1f; 今天&#xff0c;我们来一起探索并回答这些问题。为了便于大家理解&#xff0c;以下是本文的…...

2022前端面经---改变this指向问题(call、apply、bind)

CSDN话题挑战赛第2期 参赛话题&#xff1a;面试宝典 ✅ 作者简介&#xff1a;一名迈入大三的大学生&#xff0c;致力于提高前端开发能力 ✨ 个人主页&#xff1a;前端小白在前进的主页 &#x1f525; 系列专栏 &#xff1a; 2022面经 ⭐️ 个人社区 : 个人交流社区 &#x1f34…...

vue点击改变data值_怎么改变vue中data的数据

var app3 new Vue({el:#item,data:{item_data:[],},computed:{},methods: {}});我想点击的时候改变vue的item_data这个是数据&#xff0c;能打印出来就是在页面渲染不goods_box是lili也是用vue遍历出来的&#xff0c;但是不是同一个appli是app2for(var j 0; j < goods_box…...

下拉框改变事件

做项目的基本素养那就是完完全全按照客户的需求完成任务&#xff0c;身为一名开发人员&#xff0c;不仅要实现各种各样的app功能&#xff0c;还要学会变通&#xff0c;不仅需要将代码简化&#xff0c;更要使功能完善化&#xff0c;使用便捷化。当然&#xff0c;短期时间是不可能…...

flutter改变主题颜色

/***** * 改变主题颜色* * */import package:flutter/material.dart;void main()>runApp(MyApp()); class MyApp extends StatelessWidget {overrideWidget build(BuildContext context){return MaterialApp(title: Flutter Demo,theme: ThemeData(primarySwatch: Colors.bl…...

ref改变样式 vue_vue.js怎么改变样式

vue.js改变样式的方法&#xff1a;首先给元素定义ref属性&#xff1b;然后通过js方法修改元素的样式&#xff0c;代码为【background-color:#1F2429;width:66px】&#xff1b;最后修改单一样式时可直接使用样式名称。本教程操作环境&#xff1a;windows7系统、vue2.9.6版&#…...

下拉框的改变事件

下拉框的改变事件 开发工具与关键技术&#xff1a;VS、下拉框的改变事件 作者&#xff1a;黄桂康 撰写时间&#xff1a;2019.04.15change事件 &#xff08;父与子的关系&#xff09; change事件就是在当元素的值发生改变时&#xff0c;就会触发change事件。 是由两个下拉框形成…...

如何在3个月内彻底改变自己的形象?

1. 为什么我们要改变形象&#xff1f; 刚工作的头几年&#xff0c;我都是运动裤&#xff0c;运动鞋&#xff0c;穿卫衣。 发型也是板寸头&#xff0c;或者去理发店跟师傅说&#xff1a;“修一下就好”&#xff0c;更懒的时候&#xff0c;我干脆自己买来一个电动理发器&#xf…...

改变,从现在开始

以前的一切&#xff0c;已随风飘逝&#xff0c;高兴的、不高兴的都已飘走&#xff0c;曾经的鲜花与掌声早已远去&#xff0c;昨日的颓废也成回忆&#xff0c;一切都将重新开始!一份耕耘一份收获&#xff0c;前期没有耕耘&#xff0c;只有懒惰与颓败&#xff0c;却也收获了&…...

西方文化系列讲座之罗马、基督教文化

赵林&#xff1a;武汉大学哲学学院教授、博士生导师 我们说希腊神话体现的是一种和谐之美。所谓和谐就是说希腊神话就像一个人的童年时期一样&#xff0c;一切矛盾的东西还没有直接表现为对立, 矛盾只是以一种差异的形式&#xff0c;最后和谐地统一在一块儿&#xff0c;表现为一…...

著名科学家潘宗光为何潜心学佛?

科学家潜心学佛&#xff1a; 香港理工大学校长潘宗光教授访谈录 香港佛学院释觉真法师 记述 潘宗光教授&#xff0c;广东番禺人。伦敦大学化学科哲学博士&#xff0c;复获伦敦大学科学博士、资深博士学衔。自1991年始&#xff0c;任香港理工大学校长。1985年至今历任香港政府…...

陈晓旭出家申明

“林妹妹”陈晓旭出家引起各方关注&#xff0c;其坐拥亿万家产却最后遁入空门的举动更让人惊讶。陈晓旭(法名妙真法师)就其出家发表声明&#xff0c;声明如下&#xff1a; 首先感谢大家对我多年来的关心和支持&#xff0c;不惑之年终于走出了我人生最重要、最正确的道路。 出家…...

作家金庸谈他皈依佛教的心路历程

作家金庸谈他皈依佛教的心路历程 皈依佛教与生死问题 池田&#xff1a;适才我们谈过雅戈布列夫先生与佛教的话题。金庸先生也信奉佛教&#xff0c;且对佛学甚有造诣&#xff0c;先生皈依佛教&#xff0c;是缘起于什么事呢? 金庸&#xff1a;我之皈依佛教&#xff0c;并非由于…...

文化

文化是一个群体&#xff08;可以是国家、也可以是民族、企业、家庭&#xff09;在一定时期内形成的思想、理念、行为、风俗、习惯、代表人物&#xff0c;及由这个群体整体意识所辐射出来的一切活动。传统意义上所说的&#xff0c;一个人有或者没有文化&#xff0c;是指他所受到…...

回归中国传统文化,寻找快乐的源头

回归中国传统文化&#xff0c;寻找快乐的源头 好多年前&#xff0c;我怀着一些单纯美好的理想踏上社会&#xff0c;由于追求完美&#xff0c;结果不少事都不顺我的心&#xff0c;因此我不快乐。后来&#xff0c;我来到了美国&#xff0c;希望在新的环境中能找到快乐。当地的老百…...

太上感应篇0036

各位同学&#xff0c;大家好&#xff01; 昨天说到&#xff0c;积德累功。引用《了凡四训》&#xff0c;我们说到随缘济众的《救人危急》&#xff0c;今天接着底下一条是“兴建大利”。 凡是有益于社会&#xff0c;有利益于众生的&#xff0c;这都是真实的利益&#xff0c;而什…...

魔板(最小步数模型)

Rubik 先生在发明了风靡全球的魔方之后&#xff0c;又发明了它的二维版本——魔板。 这是一张有 8个大小相同的格子的魔板&#xff1a; 1 2 3 4 8 7 6 5我们知道魔板的每一个方格都有一种颜色。 这 88 种颜色用前 88个正整数来表示。 可以用颜色的序列来表示一种魔板状态&a…...

Java课程设计题目七:魔板游戏

Java课程设计题目七&#xff1a;魔板游戏 1 设计要求 磨板游戏是款经典的智力游戏。具体要求如下: ① 魔板由3X3或4X4个格子组成。对于3X3魔板&#xff0c;在前8个格子里随机放置8个编号为18的方块&#xff0c;最后一个格子是未放置方块的空格子:对于4X4的魔板&#xff0c;在…...

深度学习与总结JVM专辑(六):JVM字节码执行引擎

JVM字节码执行引擎前言运行时栈帧结构方法调用解析虚方法和非虚方法分派静态分派静态类型和实际类型动态分派字段没有多态性单分派和多分派JVM动态分派的实现前言 执行引擎是JVM核心的组成部分之一。 “虚拟机”是一个相对于“物理机”的概念&#xff0c;这两种机器都有代码执…...

python猜价格小游戏

while True: my_pricefloat(input(输入您的价格:)) if(my_price>100): print(你输入大了&#xff0c;请重新输入) elif(my_price<100): print(你输入小了&#xff0c;请重新输入) else: print(输入正确&#xff01;) br…...