- 博客(30)
- 收藏
- 关注
原创 Mac从零搭建开发环境
原文来自我的博客手上一台几乎闲置的mbp mid 2015,最近升级了Big Sur,感觉焕然一新,想作为主力机使用了,毕竟硬件配置比公司给的低配mbp还好一截。按照现在习惯的开发环境,重新装了一遍(下次试试用dotfiles管理)。安装字体git clone https://github.com/powerline/fonts.gitcd fonts./install.sh安装homebrew国内网络环境太差,安装速度过慢,挂了代理依然只有几十KB的速度,只能选择换镜像源。首先,需要已
2021-04-24 00:52:29
433
原创 二叉树
树@(数据结构)[TOC]树的定义(递归)一棵树是一些节点的集合。这个集合可以是空集;若不是空集,则树由称作根的节点 r 以及 0 个或多个非空的(子)树 $T_1,T_2,···,T_k$ 组成,这些子树中每一棵的根都被来自根 r 的一条有向边所连结。树的实现//树节点的声明class TreeNode{ Object element; TreeNode firs
2017-08-08 15:16:24
318
原创 JS正则表达式
正则表达式(英语:Regular Expression,在代码中常简写为regex、regexp或RE)使用单个字符串来描述、匹配一系列符合某个句法规则的字符串搜索模式。 搜索模式可用于文本搜索和文本替换。语法/正则表达式主体/修饰符(可选)实例:var patt = /abc/i/abc/i是一个正则表达式abc 是一个正则表达式主体(用于检索) i是一个修饰符(搜索不区分大小写)使用字符
2017-07-04 15:05:10
272
原创 树
树@(数据结构)树树的定义树的实现树的遍历二叉树查找树ADT二叉查找树二叉查找树架构contains方法findMin方法和findMax方法insert方法remove方法AVL树树的定义 (递归)一棵树是一些节点的集合。这个集合可以是空集;若不是空集,则树由称作根的节点 r 以及 0 个或多个非空的(子)树T1,T2,⋅⋅⋅,TkT_1,T_2,···,T_k组成,这些
2017-03-15 14:17:11
287
原创 <textarea>文本域,多行文本输入
当用户需要在表单中输入大段文字时,需要用到文本输入域。语法:<textarea rows="行数" cols="列数">默认出现文本</textarea>**注意**rows,cols这两个属性可用css样式的width和height来代替:col用width、row用height来代替。示例:<!DOCTYPE HTML><html><head><meta http-equiv="Conte
2017-02-22 17:25:09
25588
1
原创 文本输入框、密码输入框
当用户要在表单中键入字母、数字等内容时,就会用到文本输入框。文本框也可以转化为密码输入框。语法:<form> <input type="text/password" name="名称" value="文本" /></form>type:当type=”text”时,输入框为文本输入框; 当type=”password”时, 输入框为密码输入框。name:为文本框命名,以备后台程序A
2017-02-22 17:12:43
569
原创 <form>标签,与用户交互
使用表单标签,使网站与用户发生数据交互,将用户输入的数据传送到服务器端。语法:<form method="传送方式" action="服务器文件"></form>method : 数据传送的方式(get/post)。action :浏览者输入的数据被传送到的地方,比如一个PHP页面(save.php)。下面是一个示例:<!DOCTYPE HTML><html><head><meta ht
2017-02-22 16:58:39
398
原创 <img>标签,添加图片
语法:<img src="图片地址" alt="图片下载失败时的替换文本" title="提示文本">讲解:src:标识图像的位置;alt:指定图像的描述性文本,当图像不可见时(下载不成功时),可看到该属性指定的文本;title:提供在图像可见时对图像的描述(鼠标滑过图片时显示的文本);图像可以是GIF,PNG,JPEG格式的图像文件。示例:<!DOCTYPE HTML><html><
2017-02-22 16:44:05
806
原创 <a>标签,链接到另一个页面
使用<a>标签可实现超链接,它在网页制作中可以说是无处不在,只要有链接的地方,就会有这个标签。语法:<a href="目标网址" title="鼠标滑过显示的文本">链接显示的文本</a>title属性的作用,鼠标滑过链接文字时会显示这个属性的文本内容。这个属性在实际网页开发中作用很大,主要方便搜索引擎了解链接地址的内容(语义化更友好)。注意:还有一个有趣的现象不知道小伙伴们发现了没有,只要
2017-02-22 11:31:47
3196
原创 <table>标签,制作表格
有时需要在网页中以表的形式展示一些数据,比如下表: 在html中代码如下:<!DOCTYPE html><html><head> <title>table</title></head><body> <table> <tr> <th>产品名称</th> <th>品牌</th> <th>库存
2017-02-22 10:41:10
3640
原创 认识div在排版中的作用
在网页制作过程过中,可以把一些独立的逻辑部分划分出来,放在一个标签中,这个标签的作用就相当于一个容器。语法:<div>...</div>确定逻辑部分:什么是逻辑部分?它是页面上相互关联的一组元素。如网页中的独立的栏目版块,就是一个典型的逻辑部分。如下图所示:图中用红色边框标出的部分就是一个逻辑部分,就可以使用<div>标签作为容器。 练习:<!DOCTYPE HTML><html><head>
2017-02-20 17:32:02
323
原创 <ol>标签,添加有序列表
语法:<ol> <li>信息</li> <li>信息</li> ......</ol>示例:<ol> <li>前端开发面试心法 </li> <li>零基础学习html</li> <li>JavaScript全攻略</li></ol><ol>在网页中显示的默认样式一般为:每项<li>前都自带一个序号,序号默认从1开始,如下图所示: 练习:<!DOCTYPE H
2017-02-20 17:21:53
1168
原创 使用ul,添加新闻信息列表
在浏览网页时,你会发现网页上有很多信息的列表,如新闻列表、图片列表,如下图所示。 这些列表就可以使用ul-li标签来完成。ul-li是没有前后顺序的信息列表。语法:<ul> <li>信息</li> <li>信息</li> ......</ul>示例:<ul> <li>精彩少年</li> <li>美丽突然出现</li> <li>我是你爹</li>
2017-02-20 17:06:48
821
原创 <pre>标签,加入代码段
语法:<pre>代码段</pre><pre> 标签的主要作用:预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。如下代码:<pre> var message="欢迎"; for(var i=1;i<=10;i++) { alert(message); }</pre>注意:<pre>标签不只是为显示计算机的源代码时用的,在你需
2017-02-20 16:58:04
671
原创 <code>标签,加入代码
语法:<code>代码语言</code>注意:在文章中一般如果要插入多行代码时不能使用标签了。练习:<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>code标签介绍</title></head><body><p>我们可能知道水平渐
2017-02-20 16:48:52
1471
原创 <address>标签,为网页加入地址信息
一般网页中会有一些网站的联系地址信息需要在网页中展示出来,这些联系地址信息如公司的地址就可以标签。也可以定义一个地址(比如电子邮件地址)、签名或者文档的作者身份。语法:<address>联系地址信息</address>如:<address>文档编写:lilian 北京市西城区德外大街10号</address><address>本文的作者:<a href="mailto:lilian@imooc.c
2017-02-20 16:43:39
361
原创 <hr />标签,水平横线
语法:<hr/>练习:<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>hr标签使用</title></head><body><p>火车飞驰过暗夜里的村庄,月光,总是太容易让思念寂寞,太容易让人觉得孤独。</p><hr/><p>每一
2017-02-20 16:34:49
782
原创 输入空格
语法: 示例:效果如图 练习:<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>空格讲解</title></head><body><h1>感悟梦想</h1>来源:作文网 作者:为梦想而飞 </bod
2017-02-20 16:24:38
518
原创 <blockquote>标签,长文本引用
作用:引用长文本语法:<blockquote>引用文本</blockquote>如下面例子:<blockquote>明月出天山,苍茫云海间。长风几万里,吹度玉门关。汉下白登道,胡窥青海湾。由来征战地,不见有人还。 戍客望边色,思归多苦颜。高楼当此夜,叹息未应闲。</blockquote>浏览器对标签的解析是缩进样式。如下图所示: 练习:<!DOCTYPE HTML><html><head>
2017-02-20 16:08:29
842
原创 使用<br />标签分行显示文本
语法:xhtml1.0写法:<br/>html4.0写法:<br>现在一般使用 xhtml1.0 的版本的写法(其它标签也是),这种版本比较规范。<br />标签是一个空标签,没有HTML内容的标签就是空标签,空标签只需要写一个开始标签,这样的标签有<br />、<hr />和<img />。注意,在 html 代码中输入回车、空格都是没有作用的。在html文本中想输入回车换行,就必须输入<
2017-02-20 15:49:16
579
原创 <span>标签,为文字设置单独样式
<span>标签是没有语义的,它的作用就是为了设置单独的样式用的。 设置颜色:aqua 浅绿色black 黑色blue 蓝色fuchsia 紫红色gray 灰色green 绿色lime 绿黄色maroon 栗色navy 深蓝色olive 橄榄色purple 紫色red 红色silver 银白色teal 蓝绿色white 白色yellow 黄色练习<!DOCTYPE HTML><html><he
2017-02-20 15:41:56
3109
转载 <strong>和<em>标签,加入强调语气
有了段落又有了标题,现在如果想在一段话中特别强调某几个文字,这时候就可以用到或标签。但两者在强调的语气上有区别: 表示强调, 表示更强烈的强调。并且在浏览器中 默认用斜体表示, 用粗体表示。两个标签相比,目前国内前端程序员更喜欢使用表示强调。语法:需要强调的文本 需要强调的文本 如,在网上商城中,某产品的打折后的价格是需要强调的。如下图。代码
2017-02-15 11:38:34
611
原创 <hx>标签,为网页内容添加标题
标题标签一共有6个,h1、h2、h3、h4、h5、h6分别为一级标题、二级标题、三级标题、四级标题、五级标题、六级标题。并且依据重要性递减。是最高的等级。语法:标题文本 (x为1-6)文章的标题前面已经说过了,可以使用标题标签,另外网页上的各个栏目的标题也可使用它们。如下图为腾讯网站注意:因为h1标签在网页中比较重要,所以一般h1标签被用在网站名称上。腾讯网站就是这样做的。
2017-02-15 11:29:17
647
原创 <p>标签,添加段落
语法:段落文本 注意一段文字一个标签,如在一篇新闻文章中有3段文字,就要把这3个段落分别放到3个标签中。如下图所示。在浏览器中显示的效果:标签的默认样式,可以在上图中看出来,段前段后都会有空白,如果不喜欢这个空白,可以用css样式来删除或改变它。练习: p标签 我的第一个段落 我的第二个段落
2017-02-15 11:24:25
1166
转载 <body>标签,网页上显示的内容放在这里
在网页上要展示出来的页面内容一定要放在body标签中。如下图是一个新闻文章的网页。在浏览器中的显示效果:代码:了不起的盖茨比 了不起的盖茨比 1922年的春天,一个想要成名名叫尼克•卡拉威(托比•马奎尔Tobey Maguire 饰)的作家,离开了美国中西部,来到了纽约。那是一个道德感渐失,爵士乐流行,走私为王,股票飞涨的时代。为了追寻他的美国梦,他
2017-02-15 11:17:22
3269
原创 认识<head>标签
认识head标签 欢迎来到慕课网 文档的头部描述了文档的各种属性和信息,包括文档的标题等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。下面这些标签可用在 head 部分: ... ... ...标签:在和标签之间的文字内容是网页的标题信息,它会出现在浏览器的标题栏中。网页
2017-02-15 11:09:50
407
转载 认识html文件基本结构
一个HTML文件是有自己固定的结构的。 ... ...代码讲解:1. 称为根标签,所有的网页标签都在中。2. 标签用于定义文档的头部,它是所有头部元素的容器。头部元素有、、 、、 等标签,头部标签在下一小节中会有详细介绍。3. 在和标签之间的内容是网页的主要内容,如、、、等网页内容标签,在这里的标签中的内容会在浏览器中显示出来。
2017-02-15 11:06:03
269
转载 认识Html、JS、CSS的关系
HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。CSS样式是表现。就像网页的外衣。比如,标题字体、颜色变化,或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。JavaScript是用来实现网页上的特效效果。如:鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻(新闻图片)的轮换。可以这么理解,有动画的,有
2017-02-15 10:38:51
2967
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人