JavaWeb学习之路(22)–HTML之表单与输入标签
1. 前言之前我们所讲的一些系列各种HTML标签，都是为了给用户展示一些东西。实际上HTML是可以让用户输入信息的，例如登录时输入用户名密码；购买东西时选择型号、颜色；发布博客时输入标题、内容。HTML通过表单及输入标签，来实现用户输入内容的收集。2. 表单标签表单标签，格式为<form>表单内容</form>，中间的表单内容部分就是用来让用户输入内容的。表单有两个重要的....
JavaWeb学习之路(21)–HTML之表格
1. 前言表格有多重要我就不需要赘述了吧，我们日常访问的网页处处都有表格，所以表格是非常非常重要的HTML元素。本篇我们就来简单介绍下表格的用法。2. 表格标签我们可以使用<table>标签来定义一个表格，然后使用border属性来设定表格边框的宽度，如下。注意此时表格里面还没有内容，所以网页也显示不出什么东西来。 <table border="1"> &am...
JavaWeb学习之路(20)–HTML之换行br与标签的闭合问题
1. 前言我们之前学习过段落标签<p>，该标签中间的内容会形成一个段落，不同的段落之间会有换行的效果。我们也可以直接使用换行标签<br>，该标签的作用就是生成一个换行。2. 换行标签br比如我们想写一首诗，让诗歌的每一句都独占一行，此时我们可以用<p>标签如下实现： <p> 假如生活....
JavaWeb学习之路(19)–HTML之无序列表、有序列表
1. 列表的概念一个元素其实就是一个，那么多个元素就可以组合为列表。既然叫列表，那么列表的元素一般是垂直排列的，所以才叫列表。2. 无序列表无序列表应用于列表的元素没有先后顺序的场景，例如我的爱好有：篮球、足球、乒乓球，这三者没啥先后顺序，则可以使用无序列表表示。无序列表的标签为<ul>，列表中的每个元素标签为<li>，所以上面的例子代码为： &a...
JavaWeb学习之路(18)–HTML之超级链接
1. 前言超级链接是HTML中极其精彩的设计。网页之所以让人感觉功能无限，丰富多彩，就在于网页上的超级链接，当我们点击超级链接时，可以跳转到一个新的页面，查看该链接对应的内容。在一层一层的链接中，网站的内容得到极大的延展，用户也得以从互联网上获取海联的信息。本篇我们就来讲解下超级链接的使用。2. 跳转指定网址页面可以使用超级链接跳转指定网址的页面，例如下面的例子会跳转到百度：<a href....
JavaWeb学习之路(17)–HTML之图像
1. 前言图像标签是<img>，作用是在网页上显示图片。2. 显示一张图片图片没法用文字描述，很难把图片放到img标签的内容部分。但是图片一般是一个文件，我们可以通过源属性，将图片显示到img标签中。首先将图片文件1.jpg和我们的网页hello.html放到一个文件下，然后编写代码如下：<!DOCTYPE html><html><head> &am...
JavaWeb学习之路(16)–HTML之标签的属性与内容
1. 前言都说了，HTML是超文本传输语言，之前讲述的内容还都在文本范围内，马上就要讲到一个超出文本的标签了——图像。但在讲述图像标签的使用之前，我们先来了解下内容和属性的区别。2. 标签的内容内容是比较好理解的，就是标签中间包裹的部分，例如<h1>我的博客</h1>，中间的我的博客就是h1标签的内容。内容是直接显示到网页上的东西，所以我的博客会在网页上直接显示。3. 标....
JavaWeb学习之路(15)--HTML之注释
1. 注释几乎所有的语言都有注释，例如我本人学习过的C/C++/OC/C#/Java/Python/HTML/CSS/JavaScript/SQL，这些语言都提供了注释功能。可见注释是非常重要的。那么什么是注释呢，在我们学习古代文言文或者诗词的过程中，可能已经多次接触过注释这个词了，它一般是对原文的字句进行进一步的解释。也就是说，注释其实不属于原文，它是额外增加的解释部分，用途是方便阅读者对原文....
JavaWeb学习之路(14)--HTML之水平线hr
1. 水平线的概念HTML中有一个比较特别的标签，叫做水平线，写作<hr>。该标签可以在网页上显示一条横线，一般用来分隔不同的网页内容。2. 水平线的用法使用方法很简单，在需要分割的地方，添加一个<hr>标签即可。例如：<!DOCTYPE html><html><head> <title>水平线实例....
JavaWeb学习之路(13)--HTML之网页类型声明
1. 前言如果我们买了一部苹果手机，然后要研究它如何使用，我们得先知道这部手机的版本，是iPhone4，还是iPhone5/6/7…。同样，如果我们买了一辆汽车，也应该先知道它的型号，比如同一款车型，也得分上个2019款/2020款/2021款。对于HTML来说，也是一样的，现在很火的一个名词H5，其实就是指的HTML5，这个5就是版本号。2. HTML版本号目前来说，基本上浏览器对HTML5的....
本页面内关键词为智能算法引擎基于机器学习所生成，如有任何问题，可在页面下方点击"联系我们"与我们沟通。
开发与运维
集结各类场景实战经验，助你开发运维畅行无忧
+关注