2020年11月_虾米大王

12月 11月 10月 09月 08月 07月 06月 05月 03月

原创 CSS选择器-CSS入门基础（002）

这一节我们分享一下关于CSS选择器的内容。在HTML元素中，属性id和class是两个最基本的公共属性，意思就是每个HTML标签元素都有这两个属性可以配置。元素的id属性：id属性在页面中被赋予了唯一性。如果一个页面中出现了多个相同id属性的取值，CSS选择器和JavaScript就无法分辨要控制的元素。语法：<div id="first"></div><xxxid=""></xxx>示例代码：...

2020-11-28 14:13:23 251

原创 CSS简介-CSS入门基础（001）

之前给大家分享的是HTML的入门基础，从今天起，我给大家分享关于CSS的内容。CSS是什么？CSS，英文名词 Cascading Style Sheet，中文意思层叠样式表，是用来控制网页外观的技术。在前端技术中，HTML，CSS，JavaScript是最核心的三个元素。HTML控制网页的结构，CSS控制网页的外观，而JavaScript控制网页的行为。在网页发展的初期，网页仅仅使用HTML标签来制作，内容单调。CSS的出现就是为了改造HTML标签在浏览器展示的外观，使其更好看...

2020-11-28 14:11:49 222

原创 HTML入门基础-目录

HTML入门基础（001）HTML入门基础（002）HTML入门基础（003）HTML入门基础（004）HTML入门基础（005）HTML入门基础（006）HTML入门基础（007）HTML入门基础（008）HTML入门基础（009）HTML入门基础（010）HTML入门基础（011）HTML入门基础（012）HTML入门基础（013）HTML入门基础（014）HTML...

2020-11-28 14:09:50 201

原创表单的总结-HTML入门基础（026）

今天我们对前面分享的内容进行一下总结。表单，是一组标签的统称，即文本框、按钮等的统称。表单标签共有4个，分别是input、textarea、select和option。其中select和option是配合使用的。input标签：语法：<input type="表单类型">属性值：text，单行文本框；password，密码文本框；button，按钮；submit，提交按钮；reset，重置按钮；image，图片形式的按钮...

2020-11-28 14:08:34 228

原创下拉列表的使用-HTML入门基础（025）

我们接着之前的内容继续，今天分享一下关于下拉列表的使用。很多时候我们需要在网页上显示一些内容具有互斥性，但是内容较多，如果都使用单选按钮，面积大，操作也不方便，就可以使用下拉列表框。下拉列表框select：下拉列表select和option标签需要配合使用。这个有点类似无序列表ul和li的关系。语法：<select><option>选项内容</option>......<option>选项内容<...

2020-11-28 14:07:21 1171

原创隐藏域hidden的使用-HTML入门基础（024）

我们接着上节的内容，上一节我们学习了三种按钮，在HTML中有一种图片域标签，可以用图片方式形成按钮。语法：<input type="image" src="图片的路径">图片域image既拥有按钮的特点，也拥有图片的特点。示例代码：<html><head><title>图片域image</title></head><body>...

2020-11-28 14:05:44 2188

原创复选框的使用-HTML入门基础（023）

我们接着分享关于input标签的内容，今天说的是复选框，单选按钮只能从列表中选择一项，其他互斥，而复选框可以从选项中选择一项或多项，是并行的概念。语法：<input type="checkbox" value="复选框值" checked="checked">checked属性表示此选项默认情况是勾选的，因为复选框是没有分组互斥的概念的，所以name属性也没有设置成同名的这种操作。示例代码：<html> <he...

2020-11-28 14:04:17 2549

原创密码输入框的使用-HTML入门基础（022）

这节我们接着分享关于input标签的内容，文本框可以输入信息，但是输入密码等隐蔽信息时，我们怎么办呢？在input标签中，有专门的输入密码使用的文本框，密码文本框在外观上跟单行文本框相似，密码文本框输入的字符是不可见的。语法：<inputtype="password"id=""name="">示例代码：<html><head> <title>密码文本框</title>...

2020-11-28 14:02:38 2039 1

原创表单的使用-HTML入门基础（021）

之前我们学习的内容，用标签做出来的网页，都是静态页面。对于一个网页，只限于用户浏览内容，就是静态网页。如果能够实现与服务器交互，就是动态网页。表单，是我们接触动态网页的第一步。表单是用来在客户端收集用户的信息，然后将数据传递给服务器来处理的。我们先在HTML中学习如何使用表单控件做出类似问卷调查之类的网页，至于怎么和服务器交互的事情，我们后期分享关于PHP等服务器脚本之后，就可以做了。input标签：输入信息时，我们就会用到input标签，它是一个自闭合标签，没有结束...

2020-11-28 14:00:33 219

原创内链的使用-HTML入门基础（020）

超链接有两种链接方式：内部链接和外部链接。内部链接指的是超链接的对象都在同一个网站中的资源。分享这部分内容前，我们先建立一个网站，方便讲解，站点名称website2，绝对路径为D:\website2，内含文件如下：D:\website2D:\website2\imagesD:\website2\images\1.jpgD:\website2\page1.htmlD:\website2\page2.html如果我们想要在page1中点击超链接跳转至page2，在page2中显示...

2020-11-19 21:18:40 408

原创超链接的使用-HTML入门基础（019）

超链接，是网页中最常见的元素，英文名称hyperlink，每个网站由众多的网页组成，网页之间通过链接方式相互关联。在HTML中，超链接使用<a>标签表示。语法：<ahref="链接地址">超链接文字</a> href属性表示链接地址，点击链接后跳转至相应的地址。示例代码：<html><head> <title>...

2020-11-19 21:17:16 1422

原创图片格式-HTML入门基础（018）

今天我们分享一下关于图片格式的内容，纯理论，无代码，会有点无聊。图片格式分为两种：一种是位图，一种是矢量图。位图：位图，又称点阵图像，是由像素单点组合而成的。通常位图分为8位、16位、24位和32位。所谓的8位位图并不是图像只有8种颜色，而是2的8次方，即256种颜色，8位指的是8个bits，比如11111111，00000000，01010101等。从人的视觉来讲，16位色基本可以满足需求了。24位又称为真彩色，2的24次方，大概1600万种颜色，这个是人眼分辨...

2020-11-19 21:16:09 377

原创 img图像标签-HTML入门基础（017）

这一节内容，我们分享一下关于图像标签的使用方法。在网页中少不了图片的存在，一个网页如果有了图片会显得生动很多。在HTML中，图像标签是<img>，img英文意思就是image，它是一个自闭合标签，常用的属性包括src、alt和title三个。img标签符常用属性属性说明 src 图像的文件地址 alt 图片未加载时替换显示的文字 title 鼠标移动到图片上提示的文字 src和alt两个属性是必选的。语法：...

2020-11-19 21:15:04 3180

原创 HTML入门基础（016）

今天我们对学习的表格内容进行一下总结表格基本标签标签语义说明 table table 表格 tr table row 行 td table data cell 单元格表格结构标签标签语义说明 thead table head 表头 tbody table body 表体 tfoot table foot 表尾 th table he...

2020-11-19 21:13:47 195

原创 HTML入门基础（015）

今天我们接着分享关于表格的内容，前面我们说到了表格的基本结构，为了对表格有更深的理解，HTML引入了thead、tbody和tfoot三个标签。语法：<table border="1"><caption>表格标题</caption><thead> <tr> <th>标题1</th> <th>标题2</th></tr>&lt...

2020-11-19 21:12:27 179

原创 HTML入门基础（014）

今天我们分享关于HTML中表格的内容，表格在前端开发中使用得很多，它可以清晰的排列数据。在之前的web 1.0时代，表格多用在网页布局定位上，但是到web 2.0时代，表格定位排版已经摒弃了，现在多使用 div + css 的方式。表格的基本结构，含有的标签符有：<table>标签，表格<tr>标签，行<td>标签，单元格tr，td均要包含在<table></table>标签之内。语法：<tab...

2020-11-19 21:10:16 193

原创 Java GridBag3 练习

package Test04;import java.awt.Container;import java.awt.GridBagConstraints;import java.awt.GridBagLayout;import java.awt.Insets;import javax.swing.JButton;import javax.swing.JFrame;import javax.swing.WindowConstants;public class GridBag3 exten.

2020-11-17 22:28:44 174 2

原创 java 练习

2020-11-17 22:27:13 302

原创 HTML入门基础（013）

我们接着说说定义列表，在实际开发中，定义列表使用的不多，但是这个不妨碍我们学习它。它由两部分组成：定义条件和定义描述。语法：<dl> <dt>定义名词</dt><dd>定义描述</dd></dl>dl英文意思 definition list ，dt英文意思definition term，dd英文意思definition description。<html> &l...

2020-11-11 18:56:06 239

原创 HTML入门基础（012）

接着上节内容，我们继续分享关于列表的内容，无序列表的列表项是没有顺序的，默认情况下，列表项符号是 ●，可以通过属性type改变列表项符号。<html><head> <title>无序列表</title></head> <body> <ul> <li>无序列表项</li> <li>无序列表项</li> <li&...

2020-11-11 18:54:21 335

原创 HTML入门基础（011）

今天我们说说HTML列表的内容，共有三种列表，有序列表、无序列表和定义列表。有序列表的各项是有顺序的，从<ol>开始，到</ol>结束，中间的列表项是<li>。顺序一般采用数字或者字母。<html> <head> <title>有序列表</title> </head><body> <ol><li>HTML</li&gt...

2020-11-11 18:52:26 263

原创 HTML入门基础（010）

今天，我们对前面的内容进行一下总结。标签总结：段落与文字标签标签英文释义说明 <h1>~<h6> header 标题 <p> paragraph 段落 <br> break 换行 <hr> horizontal 水平线 <div> division 分割区（块元素） <span> span 区域.

2020-11-11 18:48:17 190

原创 HTML入门基础（009）

今天我们说说块元素和行内元素，这两个概念极其重要，是CSS层叠样式表的基础知识。在浏览器的显示效果中，有些元素（即标签符）能够独占一行，比如h1~h6，p，div等。（注解：标签又叫元素，例如<p>标签，又叫p元素，叫法不同，但是意思相同。在HTML中多数都称为标签，但是在有CSS，JavaScript混合的时候，称为元素会更方便些。）在HTML元素中，根据显示的方式，分类为两类，一类是块元素block，另一类是行内元素inline；常见块元素块元素说...

2020-11-11 18:46:15 176

原创 HTML入门基础（008）

今天我们说说特殊符号标签，用表格来说明都有哪些。特殊符号名称代码 " 双引号（英文） " ‘ 左单引号 ‘ ’ 右单引号 ’ × 乘号 × ÷ 除号 ÷ < 小于号 < > 大于号 > & 与符号 .

2020-11-11 18:44:35 224

原创 HTML入门基础（007）

今天我们接着说文本格式化标签。删除线标签<s>:如果想要在网页中，表达一个文本或者数字，被删除了，但是又需要能够看到删除的内容，就可以用删除线标签符。<html> <head><title>删除线标签</title> </head><body><p>八戒西瓜：</p><p>原价:<s>￥5.50</s>/KG...

2020-11-03 21:45:32 832

原创 HTML入门基础（006）

文本格式化标签，除了字体加粗，还有其他的标签，今天我们接着上节的内容继续学习。字体斜体标签有<i>，<cite>，<em>三个，代码示例如下：<html> <head> <title>字体斜体</title> </head> <body> <i>i，我是斜体字体。</i><br> <cite>cite，我也是斜体字体。.

2020-11-03 21:44:10 222

原创 HTML入门基础（005）

今天我们来说说段落与文字，在纯文本网页中，我们需要用到以下标签符：1、标题标签 <h1>2、段落标签 <p>3、换行标签 <br>4、文本格式化标签 <b><strong>标题标签<h1>：上节我提到了标题标签，在这里回顾一下，示例代码如下，<html><head> <title>标题标签h1~h6</title></head&...

2020-11-03 21:37:01 211