文章目录
开门见山
【1】练习最基础页面的写法~
【2】练习表格的写法~
1.写在前面
2.笔者的学习方式
3.HTML开学!
4.根据菜鸟教程总结的笔记
4.1 学习之前要了解的
4.2 菜鸟教程HTML笔记直通车
【1】HTML基础概念
【2】HTML基础
html标题
html段落
html链接
html图像
【3】HTML元素
【4】HTML属性
【5】HTML换行
【6】文本格式化标签
【7】HTML链接
*HTML写链接的时候要始终将正斜杠添加到子文件夹减少HTTP请求
【8】HTML 头部
【9】HTML 图像
*图像标签( ``)和源属性(Src)
*Atl属性
*图像高度与宽的的设置
**高级操作 定义图像地图&图中的可点击区域
【10】HTML表格
【11】HTML列表
【12】HTML区块元素
块级元素
HTML div 元素
内联元素
HTML ``元素
【13】HTML布局-是重点 建议多实战练习!
【14】HTML表单和输入
HTML表单
文本域 text (fields)
密码字段 password
单选按钮 radio(buttons)
复选框 checkbox
提交按钮 submit(button)
下拉列表
【15】HTML框架
iframe 设置高度与宽度
iframe 移除边框
iframe 显示目标链接页面
【16】HTML颜色
【17】HTML脚本
开门见山
学会html可以到达哪种程度? 笔者为想了解前端 HTML的小白们 稍微做一个小小的展示~ (以下实例均为pink老师课程中给到的案例 建议自己照着敲一敲 OR 点击此处获得源代码扔到vscode里试着运行一下~)
【1】练习最基础页面的写法~
【2】练习表格的写法~
1.写在前面
关于HTML 【1】直接问度娘 可以直接弹出来一大堆相关教程 资源丰富 【2】HTML非常容易学习 一天就可以快速入门 【3】入门之后 我们可以让HTML运行在浏览器上 用HTML来写出一个简单的无交互性的网页 阅读完此文 你会得到—— 【1】未接触过的小白们可以省去查找资料的时间 直接快速入门 省时又省力~ 【2】早早在前端的海洋里遨游的前辈们 可以。。看看现在的小白是怎么入门前端的hhh (依旧是 可以跟后辈们聊一聊 自己是怎么入门前端的hh)
2.笔者的学习方式
pink老师教程入门(同学推荐)——菜鸟教程的教程刷一遍巩固基础——独立写几个页面(搭配后面的CSS)加强应用能力 那么接下来 废话不多说——
3.HTML开学!
其实HTML只需要菜鸟教程 &W3school二选一(这两个教程内容大部分是一致的) 即可学好 但是——
为了我们掌握的知识更加牢固 也为了 能在之后的课程中更加适应老师的课 依旧是安利一波pink老师的零基础入门课程~ 不知如何下手的小伙伴赶紧直接听起来吧~
pink老师课程p1-p60(HTML部分) 接下来我会先将我根据菜鸟教程总结的笔记放在下面 后期随着学习过程 如果发现有遗漏 我会及时补充~ 小白们可以边用起来VScode 跟着pink老师敲代码 边用起来Typora 跟着我的笔记 总结一份自己的前端入门笔记~
4.根据菜鸟教程总结的笔记
大家也可以选择自己浏览一遍菜鸟教程来进行一个初步的了解
4.1 学习之前要了解的
学习之前我们首先需要明确——html的重点是什么 学好他们对之后的学习有什么重要的意义 有目的性地去听课看教学视频&看教程 一定能事半功倍~ 【1】HTML重点——常用的标签 也就是后期会接触到的盒子的最基础的表现形态 【2】HTML本身不像其他编程语言是有逻辑性的 利用HTML(&CSS)写出来一个简易网页的过程 更像是搭积木 摆盒子 需要我们的耐心 和对各个标签的熟练应用和掌握
4.2 菜鸟教程HTML笔记直通车
这是我根据菜鸟教程的基础教程+自己的一些理解+pink老师课程中提到的一些内容 总结的一份笔记 小伙伴们可以选择性地康康 大体分为几个大部分
超多字预警!想看个大体框架的赶紧退回到文章中最开头用导航跳过这一块儿~然后反手一个点赞关注收藏 三连 回头慢慢看 就ok[doge] 另外笔记中如果有哪些有问题的地方 也请各位小伙伴慷慨地帮忙指出一下 感谢~
【1】HTML基础概念
可以使用 HTML 来建立自己的 WEB 站点,HTML 运行在浏览器上,由浏览器来解析。
**注意:**对于中文网页需要使用 声明编码,否则会出现乱码。有些浏览器(如 360 浏览器)会设置 GBK 为默认编码,则你需要设置为 。
HTML标签
HTML 标签是由尖括号 包围的关键词,比如
HTML 标签通常是成对出现 的,比如 这段字就是被一对标签加粗了
标签对中的第一个标签是开始标签 ,第二个标签是结束标签
开始和结束标签也被称为开放标签 和闭合标签
< p>
p>
/*这是一对标签*/
HTML 元素
一个 HTML 元素包含了开始标签与结束标签
< p> 这是一个段落 p>
【2】HTML基础
html标题
< h1>
一级标题
h1>
< h6>
六级标题
h6>
html段落
< p>
this is a paragragh
p>
html链接
< a href = " https:www.runoob.com" > this is a link a>
html图像
< img src = " /images/logo.png" width = " 258" height = " 38" >
【3】HTML元素
下式即为HTML元素
< p> xxxxxxx p>
以开始标签起始
以结束标签终止
二者之间是元素的内容
< html>
< body>
< p> 这是第一个段落。 p>
body>
html>
上面的代码中含有三个HTML元素
【4】HTML属性
一般表述于开始标签
例子:
HTML 链接由
标签定义。链接的地址在 href 属性 中指定:
< a href = " http://runoob.com" > 这是菜鸟教程的网址链接 a>
此例中"http://runoob.com"在HTML属性中被指定
【5】HTML换行
使用
在不产生一个新段落的情况下进行换行 例子
< p>
这个< br> 段落< br> 演示了分行的效果~
p>
效果如下:
这个 段落 演示了分行的效果~
【6】文本格式化标签
HTML文本格式化标签
对输出的文本进行格式化 让它们变成 斜体 加粗 有下标 居上 局下 例子
< p>
< sub> 上标字 sub>
< sup> 下标字 sup>
< ins> 插入字 ins>
< del> 删除字 del>
< em> 着重文字 em>
< b> 加粗 b>
< i> 斜体 i>
< p>
效果如下:
上标字 下标字 插入字 删除字 着重文字 加粗 斜体
【7】HTML链接
< a href = " http://runoob.com/" target = " _blank" > 访问菜鸟教程 a>
*HTML写链接的时候要始终将正斜杠添加到子文件夹减少HTTP请求
如果子文件夹的末尾 没有正斜杠 ,就会产生两次HTTP请求,就会对效率产生影响,
假如这样书写链接:href=“http://www.w3school.com.cn/html”,就会向服务器产生两次HTTP 请求。
因为服务器会添加正斜杠到这个地址,然后创建一个新的请求,就像这样:href=“http://www.w3school.com.cn /html/”
【8】HTML 头部
这其中包含了所有**头部标签元素**
在这之中 可以插入脚本(scripts) 插入样式文件(CSS)
可以插入各种meta信息
eg:
为搜索引擎定义关键词
< meta name = " keywords" content = " HTML, CSS, XML, XHTML, JavaScript" >
为网页定义描述内容
< meta name = " description" content = " 免费 Web & 编程 教程" >
定义网页作者
< meta name = " author" content = " Runoob" >
每30秒刷新当前页面
< meta http-equiv = " refresh" content = " 30" >
【9】HTML 图像
*图像标签(
)和源属性(Src)
< img scr = " url(图像的链接)" >
*Atl属性
当图像的链接丢失或者无法打开 时 要显示备用的文本
alt属性用来定义一串预备的可替换的文本
< img src = " boat.gif" alt = " BOAT" >
*图像高度与宽的的设置
< img src = " pulpit.jpg" alt = " Pulpit rock" width = " 304" height = " 228" >
直接设置就行了
**高级操作 定义图像地图&图中的可点击区域
基本知识
1.矩形:左下角顶点坐标为(x1,y1),右上角顶点坐标为(x2,y2)
< area shape = " rect" coords = " x1,y1,x2,y2" href = url>
2.圆形:圆心坐标为(X1,y1),半径为r
< area shape = " circle" coords = " x1,y1,r" href = url>
3.多边形:各顶点坐标依次为(x1,y1)、(x2,y2)、(x3,y3) …
< area shape = " poly" coords = " x1,y1,x2,y2 ......" href = url>
具体例子—行星图片
< img src = " planets.gif" width = " 145" height = " 126" alt = " Planets" usemap = " #planetmap" >
< map name = " planetmap" >
太阳 定义成一个矩形 更好描述
左下角顶点位于(0,0)
右上角顶点位于(82,126)
< area shape = " rect" coords = " 0,0,82,126" alt = " Sun" href = " sun.htm" >
行星1号 圆心位于90,58 半径为3
< area shape = " circle" coords"90,58,3" alt = " Mercury" href = " mercur.htm" >
行星2号 圆心位于124,58 半径为8
< area shape = " circle" coords = " 124,58,8" alt = " Venus" href = " venus.htm" >
map>
此图中 这三块区域都是可以点击的~
【10】HTML表格
表格由 标签来定义。
每个表格均有若干行(由 标签定义)
每行被分割为若干单元格(由 标签定义)
< 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>
表格的表头
表头使用 标签进行定义
大多数浏览器会把表头 显示为粗体居中 的文本
< table border = " 1" >
< tr>
以下两行即为表头
< th> Header 1 th>
< th> Header 2 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>
效果如下:
【11】HTML列表
无序列表
无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记。
无序列表始于
标签 每个列表项始于
标签。
< ul>
< li> Coffee li>
< li> Milk li>
ul>
有序列表
同样,有序列表也是一列项目,列表项目使用数字进行标记。
有序列表始于
标签 每个列表项始于
标签。
< ol>
< li> coffee li>
< li> tea li>
< li> good li>
ol>
coffee
tea
good
*自定义列表
自定义列表不仅仅是一列项目,而是项目及其注释 的组合。
自定义列表始于
标签。 自定义列表项目——以
开始。 自定义列表注释——以
开始。
< dl>
< dt> Coffee dt>
< dd> - black hot drink dd>
< dt> Milk dt>
< dd> - white cold drink dd>
dl>
Coffee
- black hot drink
Milk
- white cold drink
【12】HTML区块元素
——和
HTML可以通过和
把元素组合起来
块级元素
块级元素在浏览器显示时,通常会另起一个新行来开始(和结束)
下面这6个都是块级元素
实例: , ,
, ,,
HTML div 元素
元素是块级元素 可用于组合其他HTML元素的容器
如果与 CSS 一同使用, 元素
可用于对大的内容块设置样式属性 。
文档布局中,取代了用表格定义布局的老式方法。
另外,用元素进行文档布局不是表格的正确用法,元素的作用是显示表格化的数据。
内联元素
内联元素在显示时通常不会以新行开始。
以下7个都是内联元素 可以放到其他标签中改变其属性 也可作为文本简单的一个容器。
实例:
< b> , < td> , < a> , < img> ,< span> ,
< em> |< em/> ---用于插入一个用来呈现为 被强调 的文本。
< i>
HTML
元素
可以用作文本的容器
当与 CSS 一同使用时,
元素可用于为部分 文本设置样式属性 。
< p> my mother has a < span style = “color:blue”> brother(被标记成蓝色) span> o ye p>
上述代码可将 brother 标记成蓝色~
【13】HTML布局-是重点 建议多实战练习!
建议初学者可以先使用标签进行HTML布局的练习 —— 对一个网页进行模仿
等熟练掌握之后可以利用列表标签 段落标签
网站布局
大多数网站会把内容安排到多个列中(就像杂志或报纸那样)
*使用 或者
元素来创建多列
**虽然我们可以使用HTML table标签来设计出漂亮的布局,但是table标签是不建议作为布局工具使用的 - 表格不是布局工具。
另外 CSS 用于对元素进行定位,或者为页面创建背景以及色彩丰富的外观
使用 div 元素
div 元素是用于分组 HTML 元素的块级元素。
使用表格
使用 HTML 标签是创建布局的一种简单的方式。
*即使可以使用 HTML 表格来创建漂亮的布局,但设计表格的目的是呈现表格化数据 - 表格不是布局工具!
第一和最后一行使用 colspan 属性来横跨两列:
HTML布局的一些注意事项
*使用CSS最大的好处:如果把 CSS 代码存放到外部样式表中,那么站点会更易于维护。通过编辑单一的文件,就可以改变所有页面的布局
*由于创建高级的布局非常耗时,使用模板是一个快速的选项。
通过搜索引擎可以找到很多免费的网站模板(您可以使用这些预先构建好的网站布局,并优化它们)。
【14】HTML表单和输入
HTML表单用于收集不同类型的用户输入
HTML表单
表单是一个包含表单元素的区域。
表单元素允许用户在表单中输入内容
例如:文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等
输入元素
文本域 text (fields)
< form>
First name:< input type = " text" name = " firstname" > < br>
Last name:< input type = " text" name = " lastname" >
form>
密码字段 password
< form>
password:
form>
输入密码不会以明文显示 而是以星号或者原点代替
单选按钮 radio(buttons)
引入例子:
< form>
< input type = " radio" name = " sex" value = " male" > male< br>
< input type = " radio" name = " sex" value = " female" > female
form>
详解:
涉及到的几个属性:
value:提交数据到服务器的值
name:为控件命名 以备后台程序ASP PHP使用
注意!同一组的单选 按钮的name取值 一定要一致 !这样才能起到单选的作用 !
checked:设置 checked=“checked” 时,该选项被默认选中
< form>
< p>
你生活在哪个国家?
p>
< input type = " radio" name = " country" value = " China" checked = " checked" > 中国< br>
< input type = " radio" name = " country" value = " USA" > 美国
form>
默认选择中国~
复选框 checkbox
< form>
< input type = " checkbox" name = " vehicle" vlaue = " bike" > I have a bike< br>
< input type = " checkbox" name = " vehicle" value = " car" > I have a car
form>
可以进行多选~
提交按钮 submit(button)
< form>
username:< input type = " submit" >
form>
与文本框结合起来的应用
用户单击确认按钮时 表单的内容 会被传送到另一个文件
表单
中的动作属性定义了目的文件 的文件名
由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理。
假如您在上面的文本框内键入几个字母,然后点击确认按钮,那么输入数据会传送到 “html_form_action.php” 的页面。该页面将显示出输入的结果。
< form name = " input" action = " html_form_action.php" method = " get" >
Username: < input type = " text" name = " user" >
< input type = " submit" value = " Submit" >
form>
下拉列表
——
< form>
< select name = " xxx" >
< option value = " " > option>
< option value = " " > option>
< option value = " " > option>
select>
form>
预选下拉列表(初始就有一个默认的选项)
标签里加一个selected即可
< form action = " " >
< select name = " cars" >
< option value = " bc" > 奔驰 option>
< option value = " bwm" > 宝马 option>
< option value = " audi" selected > 奥迪双钻 option>
< option value = " lsls" > 劳斯莱斯 option>
select>
form>
【15】HTML框架
iframe 设置高度与宽度
height 和 width 属性用来定义iframe标签的高度与宽度。
< iframe src = “demo_iframe. htm" width=" 200 " height=" 200 ">
< / iframe>
iframe 移除边框
< iframe src= "demo_iframe.html" frameborder= "0" >
< / iframe>
frameborder属性用于定义iframe的表示中是否显示边框
设置属性值为“0”—— 移除iframe的边框
iframe 显示目标链接页面
iframe可以显示一个目标链接的页面
目标链接的属性必须使用iframe的属性,
< iframe src= "demo_iframe.html" name= "iframe_a" > < / iframe>
< p> < a href= "http://www.runoob.com" target= "iframe_a" > RUNOOB. COM< / a> < / p>
正常表达结果应该是 RUNOOB.COM的超链接配一个链接的页面—— 即为
(由于此处图像的链接 不可用 所以无法显示辽。。)
RUNOOB.COM
【16】HTML颜色
HTML 颜色由一个十六进制符号来定义,这个符号由红色、绿色和蓝色的值组成(RGB)。—red green blue
每种颜色的最小值是0(十六进制:#00)。最大值是255(十六进制:#FF)。
想要什么颜色 直接用截图的取色器取就行了。
【17】HTML脚本
JavaScript使HTML页面具有更强的动态性和交互性
而
定义了客户端脚本
定义了不支持脚本浏览器输出的文本
在body中插入一段简单的脚本用
< html>
< head>
< meta charset = " utf-8" >
< title> 菜鸟教程(runoob.com) title>
head>
< body>
< script>
document. write ( "Hello World!" )
script>
body>
html>
在不支持JavaScript的浏览器中用标签
< html>
< head>
< meta charset = " utf-8" >
< title> 菜鸟教程(runoob.com) title>
head>
< body>
< script>
document. write ( "Hello World!" )
script>
< noscript> 抱歉,你的浏览器不支持 JavaScript! noscript>
< p> 不支持 JavaScript 的浏览器会使用 < noscript> 元素中定义的内容(文本)来替代。 p>
body>
html>
HTML总结
上述知识熟练掌握后 我们已经可以使用HTML创建站点了!
【1】HTML 是一种在 Web 上使用的通用标记语言。
【2】HTML 允许你格式化文本 ,添加图片 ,创建 链接、输入表单、框架和表格 等等,并可将之存为文本文件,浏览器即可读取和显示。
【3】HTML的关键是
标签!
标签的作用是指示将要出现的内容!
学完HTML之后进行
CSS
JavaScript
的学习
5.写在后面
以上内容就是笔者三轮学习HTML的成果辽 一轮——pink老师课程 跟着视频敲一敲代码 制作一下页面 二轮——菜鸟教程 跟着教程中列出的知识点 制作了一份笔记(即为4中所展示的内容) 三轮——CSDN个人博客 将笔记总结一遍 放到个人博客上 接下来加深印象的同时也督促我进行接下来的学习和不断总结
最后 还是要 多敲代码 多模仿页面 搭配CSS一起进行页面布局的练习 以达到基础的100%熟练与扎实~ 那么 接下来我将随着学习进度的不断推进 更新我的个人学习博客~ 我们下期再见~
你可能感兴趣的:(前端开发,html)
swagger访问路径
igotyback
swagger
Swagger2.x版本访问地址:http://{ip}:{port}/{context-path}/swagger-ui.html{ip}是你的服务器IP地址。{port}是你的应用服务端口,通常为8080。{context-path}是你的应用上下文路径,如果应用部署在根路径下,则为空。Swagger3.x版本对于Swagger3.x版本(也称为OpenAPI3)访问地址:http://{ip
html 中如何使用 uniapp 的部分方法
某公司摸鱼前端
html uni-app 前端
示例代码:Documentconsole.log(window);效果展示:好了,现在就可以uni.使用相关的方法了
四章-32-点要素的聚合
彩云飘过
本文基于腾讯课堂老胡的课《跟我学Openlayers--基础实例详解》做的学习笔记,使用的openlayers5.3.xapi。源码见1032.html,对应的官网示例https://openlayers.org/en/latest/examples/cluster.htmlhttps://openlayers.org/en/latest/examples/earthquake-clusters.
DIV+CSS+JavaScript技术制作网页(旅游主题网页设计与制作)云南大理
STU学生网页设计
网页设计 期末网页作业 html静态网页 html5期末大作业 网页设计 web大作业
️精彩专栏推荐作者主页:【进入主页—获取更多源码】web前端期末大作业:【HTML5网页期末作业(1000套)】程序员有趣的告白方式:【HTML七夕情人节表白网页制作(110套)】文章目录二、网站介绍三、网站效果▶️1.视频演示2.图片演示四、网站代码HTML结构代码CSS样式代码五、更多源码二、网站介绍网站布局方面:计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。网站程
关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript
二挡起步
web前端期末大作业 javascript html css 旅游 风景
⛵源码获取文末联系✈Web前端开发技术描述网页设计题材,DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业|游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作|HTML期末大学生网页设计作业,Web大学生网页HTML:结构CSS:样式在操作方面上运用了html5和css3,采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScrip
HTML网页设计制作大作业(div+css) 云南我的家乡旅游景点 带文字滚动
二挡起步
web前端期末大作业 web设计网页规划与设计 html css javascript dreamweaver 前端
Web前端开发技术描述网页设计题材,DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作HTML期末大学生网页设计作业HTML:结构CSS:样式在操作方面上运用了html5和css3,采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript:做与用户的交互行为文章目录前端学习路线
00. 这里整理了最全的爬虫框架(Java + Python)
有一只柴犬
爬虫系列 爬虫 java python
目录1、前言2、什么是网络爬虫3、常见的爬虫框架3.1、java框架3.1.1、WebMagic3.1.2、Jsoup3.1.3、HttpClient3.1.4、Crawler4j3.1.5、HtmlUnit3.1.6、Selenium3.2、Python框架3.2.1、Scrapy3.2.2、BeautifulSoup+Requests3.2.3、Selenium3.2.4、PyQuery3.2
详解:如何设计出健壮的秒杀系统?
夜空_2cd3
作者:Yrion博客园:cnblogs.com/wyq178/p/11261711.html前言:秒杀系统相信很多人见过,比如京东或者淘宝的秒杀,小米手机的秒杀。那么秒杀系统的后台是如何实现的呢?我们如何设计一个秒杀系统呢?对于秒杀系统应该考虑哪些问题?如何设计出健壮的秒杀系统?本期我们就来探讨一下这个问题:image目录一:****秒杀系统应该考虑的问题二:****秒杀系统的设计和技术方案三:*
微信小程序开发注意事项
jun778895
微信小程序 小程序
微信小程序开发是一个融合了前端开发、用户体验设计、后端服务(可选)以及微信小程序平台特性的综合性项目。这里,我将详细介绍一个典型的小程序开发项目的全过程,包括项目规划、设计、开发、测试及部署上线等各个环节,并尽量使内容达到或超过2000字的要求。一、项目规划1.1项目背景与目标假设我们要开发一个名为“智慧校园助手”的微信小程序,旨在为学生提供一站式校园生活服务,包括课程表查询、图书馆座位预约、食堂
字节二面
Redstone Monstrosity
前端 面试
1.假设你是正在面试前端开发工程师的候选人,面试官让你详细说出你上一段实习过程的收获和感悟。在上一段实习过程中,我获得了宝贵的实践经验和深刻的行业洞察,以下是我的主要收获和感悟:一、专业技能提升框架应用熟练度:通过实际项目,我深入掌握了React、Vue等前端框架的使用,不仅提升了编码效率,还学会了如何根据项目需求选择合适的框架。问题解决能力:在实习期间,我遇到了许多预料之外的技术难题。通过查阅文
斟一小组鸡血视频
和自己一起成长
http://m.v.qq.com/play/play.html?coverid=&vid=c0518henl2a&ptag=2_6.0.0.14297_copy有一种努力叫做靠自己http://m.v.qq.com/play/play.html?coverid=&vid=i0547o426g4&ptag=2_6.0.0.14297_copy世界最励志短片https://v.qq.com/x/pa
Dockerfile命令详解之 FROM
清风怎不知意
容器化 java 前端 javascript
许多同学不知道Dockerfile应该如何写,不清楚Dockerfile中的指令分别有什么意义,能达到什么样的目的,接下来我将在容器化专栏中详细的为大家解释每一个指令的含义以及用法。专栏订阅传送门https://blog.csdn.net/qq_38220908/category_11989778.html指令不区分大小写。但是,按照惯例,它们应该是大写的,以便更容易地将它们与参数区分开来。(引用
《HTML 与 CSS—— 响应式设计》
陈在天box
html css 前端
一、引言在当今数字化时代,人们使用各种不同的设备访问互联网,包括智能手机、平板电脑、笔记本电脑和台式机等。为了确保网站在不同设备上都能提供良好的用户体验,响应式设计成为了网页开发的关键。HTML和CSS作为网页开发的基础技术,在实现响应式设计方面发挥着重要作用。本文将深入探讨HTML与CSS中的响应式设计原理、方法和最佳实践。二、响应式设计的概念与重要性(一)概念响应式设计是一种网页设计方法,旨在
【C语言】- 自定义类型:结构体、枚举、联合
Cavalier_01
C语言
【C语言】:操作符(https://mp.csdn.net/editor/html/115218055)数据类型(https://mp.csdn.net/editor/html/115219664)自定义类型:结构体、枚举、联合(https://mp.csdn.net/editor/html/115373785)变量、常量(https://mp.csdn.net/editor/html/11523
uniapp实现动态标记效果详细步骤【前端开发】
2401_85123349
uni-app
第二个点在于实现将已经被用户标记的内容在下一次获取后刷新它的状态为已标记。这是什么意思呢?比如说上面gif图中的这些人物对象,有一些已被该用户添加为关心,那么当用户下一次进入该页面时,这些已经被添加关心的对象需要以“红心”状态显现出来。这个点的难度还不算大,只需要在每一次获取后端的内容后对标记对象进行状态更新即可。II.动态标记效果实现思路和步骤首先,整体的思路是利用动态类名对不同的元素进行选择。
html+css网页设计 旅游网站首页1个页面
html+css+js网页设计
html css 旅游
html+css网页设计旅游网站首页1个页面网页作品代码简单,可使用任意HTML辑软件(如:Dreamweaver、HBuilder、Vscode、Sublime、Webstorm、Text、Notepad++等任意html编辑软件进行运行及修改编辑等操作)。获取源码1,访问该网站https://download.csdn.net/download/qq_42431718/897527112,点击
spring mvc @RequestBody String类型参数
zoyation
spring-mvc spring mvc
通过如下配置:text/html;charset=UTF-8application/json;charset=UTF-8在springmvc的Controller层使用@RequestBody接收Content-Type为application/json的数据时,默认支持Map方式和对象方式参数@RequestMapping(value="/{code}/saveUser",method=Requ
ubuntu安装opencv最快的方法
Derek重名了
最快方法,当然不能太多文字$sudoapt-getinstallpython-opencv借助python就可以把ubuntu的opencv环境搞起来,非常快非常容易参考:https://docs.opencv.org/trunk/d2/de6/tutorial_py_setup_in_ubuntu.html
处理标签包裹的字符串,并取出前250字符
周bro
前端 javascript 开发语言
//假设这是你的HTML字符串varhtmlString=`这是一个段落。这是一个标题这是另一个段落,包含一些链接。`;//解析HTML字符串并提取文本functionextractTextFromHTML(html){varparser=newDOMParser();vardoc=parser.parseFromString(html,"text/html");vartextContent=do
h5小游戏定制开发
红匣子实力推荐
随着科技的不断发展,移动互联网已经成为人们生活中不可或缺的一部分。在这个背景下,H5小游戏应运而生,为人们带来了丰富的娱乐体验。H5小游戏定制开发作为一种新兴的游戏开发方式,正逐渐受到市场的关注和青睐。那么,什么是H5小游戏定制开发呢?它又具有哪些特点和优势呢?让我们一起来深入了解一下。首先,我们来了解一下H5小游戏的基本概念。H5小游戏是一种基于HTML5技术的游戏,可以在移动端、PC端等多平台
Nginx的使用场景:构建高效、可扩展的Web架构
张某布响丸辣
nginx 前端 架构
Nginx,作为当今最流行的Web服务器和反向代理软件之一,凭借其高性能、稳定性和灵活性,在众多Web项目中扮演着核心角色。无论是个人博客、中小型网站,还是大型企业级应用,Nginx都能提供强大的支持。本文将探讨Nginx的几个主要使用场景,帮助读者理解如何在实际项目中充分利用Nginx的优势。1.静态文件服务对于包含大量静态文件(如HTML、CSS、JavaScript、图片等)的网站,Ngin
前端知识点
ZhangTao_zata
前端 javascript css
下面是一个最基本的html代码body{font-family:Arial,sans-serif;margin:20px;}//JavaScriptfunctionthatdisplaysanalertwhencalledfunctionshowMessage(){alert("Hello!Youclickedthebutton.");}MyFirstHTMLPageWelcometoMyPage
非关系型数据库
天秤-white
nosql
一、为什么要用Nosql1.单机MySQL的时代。一个基本的网站访问量一般不会太大,单个数据库完全足够。那时候更多使用的静态网页html,服务器根本没有太大压力。这时候网站的瓶颈是什么?-数据量如果太大,一个机器放不下。-数据量太大需要建立数据的索引(B+Tree),一个服务器内存放不下。-访问量读写混合,一个服务器承受不了。2.memcached缓存+MySQL+垂直拆分(读写分离)。网站80%
Python精选200Tips:121-125
AnFany
Python200+Tips python 开发语言
Spendyourtimeonself-improvement121Requests-简化的HTTP请求处理发送GET请求发送POST请求发送PUT请求发送DELETE请求会话管理处理超时文件上传122BeautifulSoup-网页解析和抓取解析HTML和XML文档查找单个标签查找多个标签使用CSS选择器查找标签提取文本修改文档内容删除标签处理XML文档123Scrapy-强大的网络爬虫框架示例
爬虫技术抓取网站数据
Bearjumpingcandy
爬虫
爬虫技术是一种自动化获取网站数据的技术,它可以模拟人类浏览器的行为,访问网页并提取所需的信息。以下是爬虫技术抓取网站数据的一般步骤:发起HTTP请求:爬虫首先会发送HTTP请求到目标网站,获取网页的内容。解析HTML:获取到网页内容后,爬虫会使用HTML解析器解析HTML代码,提取出需要的数据。数据提取:通过使用XPath、CSS选择器或正则表达式等工具,爬虫可以从HTML中提取出所需的数据,如文
七.正则化
愿风去了
吴恩达机器学习之正则化(Regularization)http://www.cnblogs.com/jianxinzhou/p/4083921.html从数学公式上理解L1和L2https://blog.csdn.net/b876144622/article/details/81276818虽然在线性回归中加入基函数会使模型更加灵活,但是很容易引起数据的过拟合。例如将数据投影到30维的基函数上,模
创建一个完整的购物商城系统是一个复杂的项目,涉及前端(用户界面)、后端(服务器逻辑)、数据库等多个部分。由于篇幅限制,我无法在这里提供一个完整的系统代码,但我可以分别给出一些关键部分的示例代码,涵盖几
uthRaman
前端 ui 服务器
前端(HTML/CSS/JavaScript)grsyzp.cnHTML页面结构(index.html)html购物商城欢迎来到购物商城JavaScript(Ajax请求商品数据,app.js)javascriptdocument.addEventListener('DOMContentLoaded',function(){fetch('/api/products').then(response=
了解 UNPKG:前端开发者的包管理利器
小于负无穷
前端 javascript typescript css html5 node.js
在现代前端开发中,JavaScript包管理和模块化是至关重要的,而npm则是最流行的JavaScript包管理器之一。不过,随着前端项目复杂性的增加,有时候我们希望快速引入外部依赖,而无需本地安装和构建。此时,CDN(内容分发网络)成为了一种方便快捷的解决方案,而UNPKG就是这种方式中的佼佼者。什么是UNPKG?UNPKG是一个基于npm的内容分发网络(CDN),它允许开发者直接通过URL从n
利用frp实现内网穿透(需要云主机)
heiyumiao
网络工具 github windows linux
详细实现教程:https://www.iplaysoft.com/frp.htmlhttps://blog.csdn.net/u013144287/article/details/78589643/项目官网地址:https://github.com/fatedier/frp/releases按照系统下载相应的程序包什么是frp内网穿透工具有很多,其中Frp(FastReverseProxy)是比较
word转html制作操作手册,Word文档转换为HTML帮助文档操作手册范本.pdf
想吃草莓干
word转html制作操作手册
Word文档转换为HTML帮助文档操作手册一、使用到的软件DOC2CHMDreamweaverCS3Helpandmanual4二、操作步骤1.先建立一个工作目录。如hhwork。2.将需要转换的文件复制到此工作目录下。如果是中文文件名,最好将其改为英文文件名。例:现在要将《小神探点检定修信息管理系统使用手册0.3.6.doc》转换为Html格式的帮助文档,首先将此文档复制到hhwork目录下并将
多线程编程之存钱与取钱
周凡杨
java thread 多线程 存钱 取钱
生活费问题是这样的:学生每月都需要生活费,家长一次预存一段时间的生活费,家长和学生使用统一的一个帐号,在学生每次取帐号中一部分钱,直到帐号中没钱时 通知家长存钱,而家长看到帐户还有钱则不存钱,直到帐户没钱时才存钱。
问题分析:首先问题中有三个实体,学生、家长、银行账户,所以设计程序时就要设计三个类。其中银行账户只有一个,学生和家长操作的是同一个银行账户,学生的行为是
java中数组与List相互转换的方法
征客丶
JavaScript java jsonp
1.List转换成为数组。(这里的List是实体是ArrayList)
调用ArrayList的toArray方法。
toArray
public T[] toArray(T[] a)返回一个按照正确的顺序包含此列表中所有元素的数组;返回数组的运行时类型就是指定数组的运行时类型。如果列表能放入指定的数组,则返回放入此列表元素的数组。否则,将根据指定数组的运行时类型和此列表的大小分
Shell 流程控制
daizj
流程控制 if else while case shell
Shell 流程控制
和Java、PHP等语言不一样,sh的流程控制不可为空,如(以下为PHP流程控制写法):
<?php
if(isset($_GET["q"])){
search(q);}else{// 不做任何事情}
在sh/bash里可不能这么写,如果else分支没有语句执行,就不要写这个else,就像这样 if else if
if 语句语
Linux服务器新手操作之二
周凡杨
Linux 简单 操作
1.利用关键字搜寻Man Pages man -k keyword 其中-k 是选项,keyword是要搜寻的关键字 如果现在想使用whoami命令,但是只记住了前3个字符who,就可以使用 man -k who来搜寻关键字who的man命令 [haself@HA5-DZ26 ~]$ man -k
socket聊天室之服务器搭建
朱辉辉33
socket
因为我们做的是聊天室,所以会有多个客户端,每个客户端我们用一个线程去实现,通过搭建一个服务器来实现从每个客户端来读取信息和发送信息。
我们先写客户端的线程。
public class ChatSocket extends Thread{
Socket socket;
public ChatSocket(Socket socket){
this.sock
利用finereport建设保险公司决策分析系统的思路和方法
老A不折腾
finereport 金融保险 分析系统 报表系统 项目开发
决策分析系统呈现的是数据页面,也就是俗称的报表,报表与报表间、数据与数据间都按照一定的逻辑设定,是业务人员查看、分析数据的平台,更是辅助领导们运营决策的平台。底层数据决定上层分析,所以建设决策分析系统一般包括数据层处理(数据仓库建设)。
项目背景介绍
通常,保险公司信息化程度很高,基本上都有业务处理系统(像集团业务处理系统、老业务处理系统、个人代理人系统等)、数据服务系统(通过
始终要页面在ifream的最顶层
林鹤霄
index.jsp中有ifream,但是session消失后要让login.jsp始终显示到ifream的最顶层。。。始终没搞定,后来反复琢磨之后,得到了解决办法,在这儿给大家分享下。。
index.jsp--->主要是加了颜色的那一句
<html>
<iframe name="top" ></iframe>
<ifram
MySQL binlog恢复数据
aigo
mysql
1,先确保my.ini已经配置了binlog:
# binlog
log_bin = D:/mysql-5.6.21-winx64/log/binlog/mysql-bin.log
log_bin_index = D:/mysql-5.6.21-winx64/log/binlog/mysql-bin.index
log_error = D:/mysql-5.6.21-win
OCX打成CBA包并实现自动安装与自动升级
alxw4616
ocx cab
近来手上有个项目,需要使用ocx控件
(ocx是什么?
http://baike.baidu.com/view/393671.htm)
在生产过程中我遇到了如下问题.
1. 如何让 ocx 自动安装?
a) 如何签名?
b) 如何打包?
c) 如何安装到指定目录?
2.
Hashmap队列和PriorityQueue队列的应用
百合不是茶
Hashmap队列 PriorityQueue队列
HashMap队列已经是学过了的,但是最近在用的时候不是很熟悉,刚刚重新看以一次,
HashMap是K,v键 ,值
put()添加元素
//下面试HashMap去掉重复的
package com.hashMapandPriorityQueue;
import java.util.H
JDK1.5 returnvalue实例
bijian1013
java thread java多线程 returnvalue
Callable接口:
返回结果并且可能抛出异常的任务。实现者定义了一个不带任何参数的叫做 call 的方法。
Callable 接口类似于 Runnable,两者都是为那些其实例可能被另一个线程执行的类设计的。但是 Runnable 不会返回结果,并且无法抛出经过检查的异常。
ExecutorService接口方
angularjs指令中动态编译的方法(适用于有异步请求的情况) 内嵌指令无效
bijian1013
JavaScript AngularJS
在directive的link中有一个$http请求,当请求完成后根据返回的值动态做element.append('......');这个操作,能显示没问题,可问题是我动态组的HTML里面有ng-click,发现显示出来的内容根本不执行ng-click绑定的方法!
 
【Java范型二】Java范型详解之extend限定范型参数的类型
bit1129
extend
在第一篇中,定义范型类时,使用如下的方式:
public class Generics<M, S, N> {
//M,S,N是范型参数
}
这种方式定义的范型类有两个基本的问题:
1. 范型参数定义的实例字段,如private M m = null;由于M的类型在运行时才能确定,那么我们在类的方法中,无法使用m,这跟定义pri
【HBase十三】HBase知识点总结
bit1129
hbase
1. 数据从MemStore flush到磁盘的触发条件有哪些?
a.显式调用flush,比如flush 'mytable'
b.MemStore中的数据容量超过flush的指定容量,hbase.hregion.memstore.flush.size,默认值是64M 2. Region的构成是怎么样?
1个Region由若干个Store组成
服务器被DDOS攻击防御的SHELL脚本
ronin47
mkdir /root/bin
vi /root/bin/dropip.sh
#!/bin/bash/bin/netstat -na|grep ESTABLISHED|awk ‘{print $5}’|awk -F:‘{print $1}’|sort|uniq -c|sort -rn|head -10|grep -v -E ’192.168|127.0′|awk ‘{if($2!=null&a
java程序员生存手册-craps 游戏-一个简单的游戏
bylijinnan
java
import java.util.Random;
public class CrapsGame {
/**
*
*一个简单的赌*博游戏,游戏规则如下:
*玩家掷两个骰子,点数为1到6,如果第一次点数和为7或11,则玩家胜,
*如果点数和为2、3或12,则玩家输,
*如果和为其它点数,则记录第一次的点数和,然后继续掷骰,直至点数和等于第一次掷出的点
TOMCAT启动提示NB: JAVA_HOME should point to a JDK not a JRE解决
开窍的石头
JAVA_HOME
当tomcat是解压的时候,用eclipse启动正常,点击startup.bat的时候启动报错;
报错如下:
The JAVA_HOME environment variable is not defined correctly
This environment variable is needed to run this program
NB: JAVA_HOME shou
[操作系统内核]操作系统与互联网
comsci
操作系统
我首先申明:我这里所说的问题并不是针对哪个厂商的,仅仅是描述我对操作系统技术的一些看法
操作系统是一种与硬件层关系非常密切的系统软件,按理说,这种系统软件应该是由设计CPU和硬件板卡的厂商开发的,和软件公司没有直接的关系,也就是说,操作系统应该由做硬件的厂商来设计和开发
富文本框ckeditor_4.4.7 文本框的简单使用 支持IE11
cuityang
富文本框
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>知识库内容编辑</tit
Property null not found
darrenzhu
datagrid Flex Advanced propery null
When you got error message like "Property null not found ***", try to fix it by the following way:
1)if you are using AdvancedDatagrid, make sure you only update the data in the data prov
MySQl数据库字符串替换函数使用
dcj3sjt126com
mysql 函数 替换
需求:需要将数据表中一个字段的值里面的所有的 . 替换成 _
原来的数据是 site.title site.keywords ....
替换后要为 site_title site_keywords
使用的SQL语句如下:
updat
mac上终端起动MySQL的方法
dcj3sjt126com
mysql mac
首先去官网下载: http://www.mysql.com/downloads/
我下载了5.6.11的dmg然后安装,安装完成之后..如果要用终端去玩SQL.那么一开始要输入很长的:/usr/local/mysql/bin/mysql
这不方便啊,好想像windows下的cmd里面一样输入mysql -uroot -p1这样...上网查了下..可以实现滴.
打开终端,输入:
1
Gson使用一(Gson)
eksliang
json gson
转载请出自出处:http://eksliang.iteye.com/blog/2175401 一.概述
从结构上看Json,所有的数据(data)最终都可以分解成三种类型:
第一种类型是标量(scalar),也就是一个单独的字符串(string)或数字(numbers),比如"ickes"这个字符串。
第二种类型是序列(sequence),又叫做数组(array)
android点滴4
gundumw100
android
Android 47个小知识
http://www.open-open.com/lib/view/open1422676091314.html
Android实用代码七段(一)
http://www.cnblogs.com/over140/archive/2012/09/26/2611999.html
http://www.cnblogs.com/over140/arch
JavaWeb之JSP基本语法
ihuning
javaweb
目录
JSP模版元素
JSP表达式
JSP脚本片断
EL表达式
JSP注释
特殊字符序列的转义处理
如何查找JSP页面中的错误
JSP模版元素
JSP页面中的静态HTML内容称之为JSP模版元素,在静态的HTML内容之中可以嵌套JSP
App Extension编程指南(iOS8/OS X v10.10)中文版
啸笑天
ext
当iOS 8.0和OS X v10.10发布后,一个全新的概念出现在我们眼前,那就是应用扩展。顾名思义,应用扩展允许开发者扩展应用的自定义功能和内容,能够让用户在使用其他app时使用该项功能。你可以开发一个应用扩展来执行某些特定的任务,用户使用该扩展后就可以在多个上下文环境中执行该任务。比如说,你提供了一个能让用户把内容分
SQLServer实现无限级树结构
macroli
oracle sql SQL Server
表结构如下:
数据库id path titlesort 排序 1 0 首页 0 2 0,1 新闻 1 3 0,2 JAVA 2 4 0,3 JSP 3 5 0,2,3 业界动态 2 6 0,2,3 国内新闻 1
创建一个存储过程来实现,如果要在页面上使用可以设置一个返回变量将至传过去
create procedure test
as
begin
decla
Css居中div,Css居中img,Css居中文本,Css垂直居中div
qiaolevip
众观千象 学习永无止境 每天进步一点点 css
/**********Css居中Div**********/
div.center {
width: 100px;
margin: 0 auto;
}
/**********Css居中img**********/
img.center {
display: block;
margin-left: auto;
margin-right: auto;
}
Oracle 常用操作(实用)
吃猫的鱼
oracle
SQL>select text from all_source where owner=user and name=upper('&plsql_name');
SQL>select * from user_ind_columns where index_name=upper('&index_name'); 将表记录恢复到指定时间段以前
iOS中使用RSA对数据进行加密解密
witcheryne
ios rsa iPhone objective c
RSA算法是一种非对称加密算法,常被用于加密数据传输.如果配合上数字摘要算法, 也可以用于文件签名.
本文将讨论如何在iOS中使用RSA传输加密数据. 本文环境
mac os
openssl-1.0.1j, openssl需要使用1.x版本, 推荐使用[homebrew](http://brew.sh/)安装.
Java 8
RSA基本原理
RS