html
关注
分享
扫一扫
虾米大王
努力学习
展开
-
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 · 226 阅读 · 0 评论 -
表单的总结-HTML入门基础（026）
今天我们对前面分享的内容进行一下总结。表单，是一组标签的统称，即文本框、按钮等的统称。表单标签共有4个，分别是input、textarea、select和option。其中select和option是配合使用的。input标签：语法：<input type="表单类型">属性值：text，单行文本框；password，密码文本框；button，按钮；submit，提交按钮；reset，重置按钮；image，图片形式的按钮...原创 2020-11-28 14:08:34 · 245 阅读 · 0 评论 -
下拉列表的使用-HTML入门基础（025）
我们接着之前的内容继续，今天分享一下关于下拉列表的使用。很多时候我们需要在网页上显示一些内容具有互斥性，但是内容较多，如果都使用单选按钮，面积大，操作也不方便，就可以使用下拉列表框。下拉列表框select：下拉列表select和option标签需要配合使用。这个有点类似无序列表ul和li的关系。语法：<select><option>选项内容</option>......<option>选项内容<...原创 2020-11-28 14:07:21 · 1229 阅读 · 0 评论 -
隐藏域hidden的使用-HTML入门基础（024）
我们接着上节的内容，上一节我们学习了三种按钮，在HTML中有一种图片域标签，可以用图片方式形成按钮。语法：<input type="image" src="图片的路径">图片域image既拥有按钮的特点，也拥有图片的特点。示例代码：<html><head><title>图片域image</title></head><body>...原创 2020-11-28 14:05:44 · 2298 阅读 · 0 评论 -
复选框的使用-HTML入门基础（023）
我们接着分享关于input标签的内容，今天说的是复选框，单选按钮只能从列表中选择一项，其他互斥，而复选框可以从选项中选择一项或多项，是并行的概念。语法：<input type="checkbox" value="复选框值" checked="checked">checked属性表示此选项默认情况是勾选的，因为复选框是没有分组互斥的概念的，所以name属性也没有设置成同名的这种操作。示例代码：<html> <he...原创 2020-11-28 14:04:17 · 2714 阅读 · 0 评论 -
密码输入框的使用-HTML入门基础（022）
这节我们接着分享关于input标签的内容，文本框可以输入信息，但是输入密码等隐蔽信息时，我们怎么办呢？在input标签中，有专门的输入密码使用的文本框，密码文本框在外观上跟单行文本框相似，密码文本框输入的字符是不可见的。语法：<inputtype="password"id=""name="">示例代码：<html><head> <title>密码文本框</title>...原创 2020-11-28 14:02:38 · 2195 阅读 · 1 评论 -
表单的使用-HTML入门基础（021）
之前我们学习的内容，用标签做出来的网页，都是静态页面。对于一个网页，只限于用户浏览内容，就是静态网页。如果能够实现与服务器交互，就是动态网页。表单，是我们接触动态网页的第一步。表单是用来在客户端收集用户的信息，然后将数据传递给服务器来处理的。我们先在HTML中学习如何使用表单控件做出类似问卷调查之类的网页，至于怎么和服务器交互的事情，我们后期分享关于PHP等服务器脚本之后，就可以做了。input标签：输入信息时，我们就会用到input标签，它是一个自闭合标签，没有结束...原创 2020-11-28 14:00:33 · 236 阅读 · 0 评论 -
内链的使用-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 · 436 阅读 · 0 评论 -
超链接的使用-HTML入门基础（019）
超链接，是网页中最常见的元素，英文名称hyperlink，每个网站由众多的网页组成，网页之间通过链接方式相互关联。在HTML中，超链接使用<a>标签表示。语法：<ahref="链接地址">超链接文字</a> href属性表示链接地址，点击链接后跳转至相应的地址。示例代码：<html><head> <title>...原创 2020-11-19 21:17:16 · 1500 阅读 · 0 评论 -
图片格式-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 · 415 阅读 · 0 评论 -
img图像标签-HTML入门基础（017）
这一节内容，我们分享一下关于图像标签的使用方法。在网页中少不了图片的存在，一个网页如果有了图片会显得生动很多。在HTML中，图像标签是<img>，img英文意思就是image，它是一个自闭合标签，常用的属性包括src、alt和title三个。img标签符常用属性 属性 说明 src 图像的文件地址 alt 图片未加载时替换显示的文字 title 鼠标移动到图片上提示的文字 src和alt两个属性是必选的。语法：...原创 2020-11-19 21:15:04 · 3606 阅读 · 0 评论 -
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 · 202 阅读 · 0 评论 -
HTML入门基础（015）
今天我们接着分享关于表格的内容，前面我们说到了表格的基本结构，为了对表格有更深的理解，HTML引入了thead、tbody和tfoot三个标签。语法：<table border="1"><caption>表格标题</caption><thead> <tr> <th>标题1</th> <th>标题2</th></tr><...原创 2020-11-19 21:12:27 · 193 阅读 · 0 评论 -
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 · 204 阅读 · 0 评论 -
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 · 253 阅读 · 0 评论 -
HTML入门基础（012）
接着上节内容，我们继续分享关于列表的内容，无序列表的列表项是没有顺序的，默认情况下，列表项符号是 ●，可以通过属性type改变列表项符号。<html><head> <title>无序列表</title></head> <body> <ul> <li>无序列表项</li> <li>无序列表项</li> <li&...原创 2020-11-11 18:54:21 · 353 阅读 · 0 评论 -
HTML入门基础（011）
今天我们说说HTML列表的内容，共有三种列表，有序列表、无序列表和定义列表。有序列表的各项是有顺序的，从<ol>开始，到</ol>结束，中间的列表项是<li>。顺序一般采用数字或者字母。<html> <head> <title>有序列表</title> </head><body> <ol><li>HTML</li>...原创 2020-11-11 18:52:26 · 284 阅读 · 0 评论 -
HTML入门基础（010）
今天，我们对前面的内容进行一下总结。标签总结：段落与文字标签 标签 英文释义 说明 <h1>~<h6> header 标题 <p> paragraph 段落 <br> break 换行 <hr> horizontal 水平线 <div> division 分割区（块元素） <span> span 区域.原创 2020-11-11 18:48:17 · 199 阅读 · 0 评论 -
HTML入门基础（009）
今天我们说说块元素和行内元素，这两个概念极其重要，是CSS层叠样式表的基础知识。在浏览器的显示效果中，有些元素（即标签符）能够独占一行，比如h1~h6，p，div等。（注解：标签又叫元素，例如<p>标签，又叫p元素，叫法不同，但是意思相同。在HTML中多数都称为标签，但是在有CSS，JavaScript混合的时候，称为元素会更方便些。）在HTML元素中，根据显示的方式，分类为两类，一类是块元素block，另一类是行内元素inline；常见块元素 块元素 说...原创 2020-11-11 18:46:15 · 190 阅读 · 0 评论 -
HTML入门基础（008）
今天我们说说特殊符号标签，用表格来说明都有哪些。特殊符号 名称 代码 " 双引号（英文） " ‘ 左单引号 ‘ ’ 右单引号 ’ × 乘号 × ÷ 除号 ÷ < 小于号 < > 大于号 > & 与符号 .原创 2020-11-11 18:44:35 · 237 阅读 · 0 评论 -
HTML入门基础（007）
今天我们接着说文本格式化标签。删除线标签<s>:如果想要在网页中，表达一个文本或者数字，被删除了，但是又需要能够看到删除的内容，就可以用删除线标签符。<html> <head><title>删除线标签</title> </head><body><p>八戒西瓜：</p><p>原价:<s>￥5.50</s>/KG...原创 2020-11-03 21:45:32 · 873 阅读 · 0 评论 -
HTML入门基础（006）
文本格式化标签，除了字体加粗，还有其他的标签，今天我们接着上节的内容继续学习。字体斜体标签有<i>，<cite>，<em>三个，代码示例如下：<html> <head> <title>字体斜体</title> </head> <body> <i>i，我是斜体字体。</i><br> <cite>cite，我也是斜体字体。.原创 2020-11-03 21:44:10 · 384 阅读 · 0 评论 -
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 · 227 阅读 · 0 评论 -
HTML入门基础（004）
上篇说到html的代码主体分两个部分，一个部分是head，另一个部分是body，今天这篇我们先说body部分，以后我们再说head部分。在body部分中，编写的代码就是我们需要呈现在浏览器页面中的内容。下面举例说明：<html><head><title>body标签</title></head><body> <h3>静夜思</h3><p>床前明月...原创 2020-10-31 16:52:28 · 321 阅读 · 0 评论 -
HTML入门基础（003）
有了前面的铺垫，下面我们就进入HTML的学习吧！HTML是一种标记语言，它的基本语法如下：<标签符>内容</标签符>标签符一般是成对出现的，有一个开始符号和一个结束符号，结束符号是在开始符号的前面加一个斜杠“/”。有时候我们也把标签符说成元素，只是标签符的叫法更形象一点。知道了这个基础后，很多初学者就想知道，那么开发HTML我应该用什么样的工具呢？关于前端开发工具有很多，可以是简单的文本编辑器，也可以是集成开发工具，也就是IDE，比如有网页三剑客的D...原创 2020-10-30 23:17:10 · 228 阅读 · 0 评论 -
HTML入门基础（002）
上篇我们说到CS模式，这篇我们说说BS模式，BS英文名词是Browser-Server的简写，中文名称就是浏览器-服务器模式，服务器上一般是需要安装操作系统的，BS模式下，服务器的操作系统可以是微软的Windows系列，也可以是Linux或Unix的操作系统，具体使用什么操作系统和开发的需求有关，这里我先不展开来说。我就以常用的Windows Server操作系统为例，服务器上需要安装数据库系统，BS模式下常用的数据库有甲骨文的Oracle、MySQL、微软的MS SQL SERVER，以及其他的一些数原创 2020-10-29 22:56:49 · 311 阅读 · 0 评论 -
HTML入门基础（001）
学习编程是个漫长而又辛苦的过程，初学者往往因为很多因素，导致不能很好，很快速的学到自己想要得到的知识，总是在一种模糊、馄饨的状态中，编程的书籍也买了很多，看着眼花缭乱的编程书籍和数不清的名词，不知道该从什么地方下手，也不知道怎样的路径可以学习到自己想要的。我不是什么大神，但是刻苦努力学习了这么多年的编程，经验或者说是经历还是有一些的，也基本有思路可以说明白我们如何学习编程。下面我以自己的一点点经验给大家分享一下如何学习编程开发。软件开发行业一直以来都流行着两种开发模式，一种是CS模式，另一种是BS模原创 2020-10-29 22:53:50 · 317 阅读 · 1 评论 -
Hello World!
你好，世界！这是我自学习编程以来，记忆最深的一个词语了。初学编程时，编写的第一个程序，一般都会输出这个词语，仿佛它就是开启编程之路的钥匙。当程序运行后，这个词语出现在眼前，哇，那一刻激动万分，有了它的鼓舞，我才会沿着程序员的这条道路一直走下来！蓦然回首，十多年过去了，有过孤独，有过彷徨，有过挫折，也有过放弃，为了能够继续从事程序员这个职业，无数个深夜，独自在电脑前，不停的敲击着键盘，学习代码，解决一个又一个未知的知识点，不知不觉中已到了程序员中年危机的年龄，但是我内心不曾认输，还是会继续坚持走这原创 2020-10-29 22:51:39 · 271 阅读 · 2 评论 -
PHP基础-作业题
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head> <title>作业题05</title> <style type=...原创 2019-04-20 15:47:51 · 472 阅读 · 0 评论 -
PHP基础-作业题
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head> <title>作业题04</title> <style type=...原创 2019-04-20 14:47:30 · 344 阅读 · 0 评论 -
PHP基础-作业题
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head> <title>作业题03</title> <style type=...原创 2019-04-20 09:58:54 · 267 阅读 · 0 评论 -
PHP安装基础-作业题
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head> <title>作业题02</title> <style type=...原创 2019-04-19 17:51:48 · 301 阅读 · 0 评论 -
HTML基础-作业题
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head> <title>作业题01</title> <style type=...原创 2019-04-19 16:52:33 · 566 阅读 · 0 评论 -
PHP基础-数组作业题
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head> <title>作业题08</title> <style type=...原创 2019-04-22 17:37:56 · 742 阅读 · 0 评论 -
PHP基础-函数的作用作业题
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head> <title>作业题07</title> <style type=...原创 2019-04-22 09:26:32 · 368 阅读 · 0 评论 -
PHP基础-顺序流程作业题
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head> <title>作业题06</title> <style type=...原创 2019-04-20 17:17:01 · 267 阅读 · 0 评论