请选择 进入手机版 | 继续访问电脑版

Java Web复习——task01:HTML基本语法

[复制链接]
八步半的房间 发表于 2021-1-3 11:22:54 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
HTML根本语法

学习目标:

掌握HTML 根本知识
  详细例子:


1、HTML 标题
实例:
  1. [size=6]This is a heading[/size]
  2. [size=5]This is a heading[/size]
  3. [size=4]This is a heading[/size]
复制代码
欣赏器显示如下:

2、HTML 段落
实例:
  1. This is a paragraph
  2. This is another paragraph
复制代码
欣赏器显示如下:

3、HTML 空格
知识点:


  • 一个空格的键入
    在HTML网页中一个空格,我们可以键入“空格”键即可实现
  • 多个HTML空格字符
    如果子啊HTML中想实现多个空格间隙,如果是键入多个“空格键”,但最终也只显示一个空格间隙,这个时候就需要真正的空格字符代码  了。
实例:
  1. 好勤学习,&nbsp&nbsp天天向上。&nbsp&nbsp&nbspJ.How.Lee
复制代码
欣赏器显示如下:

4、HTML 换行
实例:
  1. This is
  2. a para
  3. graph with line breaks
复制代码

标签在不产生一个新的段落的情况下举行换行,
元素是一个空的 HTML元素。由于关闭标签没有任何意义,因此它没有竣事标签。
区别:< br > 与

你也许发现< br > 与
很相似。
在 XHTML、XML 以及未来的 HTML 版本中,不允许使用没有竣事标签(闭合标签)的 HTML 元素。
纵然 < br > 在所有欣赏器中的显示都没有问题,使用 < br /> 也是更久远的保障。

5、 HTML 表单
5.1 表单是一个包罗表单元素的区域
表单元素是允许用户在表单中(比如:文本域、下拉列表、单选框、复选框等等)输入信息的元素。
表单使用表单标签(< form >)界说。
书写格式:
  1. ...        input 元素...
复制代码
5.2 文本域(Text Fields)
当用户要在表单中键入字母、数字等内容时,就会用到文本域。
实例:
  1. 登录名:
  2. 密&nbsp&nbsp&nbsp码:
复制代码
欣赏器显示如下:

5.3 暗码框( JPasswordField)
在 HTML 中,把 标签的 type 属性设置为 password 可以表现暗码框。
详细语法格式如下:
  1. [/code] [color=#999AAA]实例:[/color]
  2. [code]       暗码:
复制代码
运行效果如图所示:

5.4 单选按钮(Radio Buttons)
当用户从若干给定的选择中选取其一时,就会用到单选框。
实例:
  1. 男女
复制代码
欣赏器显示如下:

5.5 复选框(Checkboxes)
当用户需要从若干给定的选择中选取一个或若干选项时,就会用到复选框。
实例:
  1. 篮球
  2. 足球
  3. 乒乓球
复制代码
欣赏器显示如下:

5.6 表单的动作属性(Action)和提交按钮
当用户单击确认按钮时,表单的内容会被传送到另一个文件。表单的动作属性界说了目标文件的文件名。由动作属性界说的这个文件通常会对吸收到的输入数据举行相关的处理惩罚。
实例:
  1. 用户名:提交
复制代码
欣赏器显示如下:

6、HTML 表格
6.1 表格
表格由 < table > 标签来界说。每个表格均有若干行(由< tr > 标签界说),每行被分割为若干单元格(由 < td >标签界说)。字母 td 指的是表格数据(table data),即数据单元格的内容。数据单元格可以包罗文本、图片、列表、段落、表单、水平线、表格等。
实例:
  1. [table][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]
复制代码
欣赏器显示如下:

6.2 表格和边框属性
如果不中用边框属性,表格将不显示边框,有时这很有用,但是大多数时候,我们希望显示边框。
使用边框属性来显示一个带有边框的表格:
实例:
  1. [table][tr][td]Row 1,cell 1[/td][td]Row 1,cell 2[/td][/tr][/table]
复制代码
欣赏器显示如下:

6.3 表格的表头
表格的表头使用< th > 标签举行界说。
大多数欣赏器会把表头显示为粗体居中的文本:
实例:
  1. [table][tr]HeadingAnother Heading[/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]  
复制代码
欣赏器显示如下:

6.4 表格中的空单元格
在一些欣赏器中,没有内容的表格单元格显示得不太好。如果某个单元格是空的(没有内容),欣赏器大概无法显示出这个单元格的边框。
实例:
  1. [table][tr][td]row 1,cell 1[/td][td]row 1,cell 2[/td][/tr][tr][td][/td][td]row 2,cell 2[/td][/tr][/table]
复制代码
欣赏器显示如下:

注意:
上例可以被正常显示出来,但一些欣赏器对于这个空的单元格的边框没有被显示出来。为了制止这种情况,在空单元格中添加一个空格占位符,就可以将边框显示出来了。
实例:
  1. [table][tr][td]row 1,cell 1[/td][td]row 1,cell 2[/td][/tr][tr][td] [/td][td]row 2,cell 2[/td][/tr][/table]
复制代码
欣赏器显示如下:

6.5 表格标签
表格形貌< table >界说表格< caption >界说表格标题< th > 界说表格的表头 < tr >界说表格的行< td >界说表格单元< thead >界说表格的页眉< tbody >界说表格的主体< tfoot >界说表格的页脚< col >界说用于表格列的属性< colgroup >界说表格列的粗
来源:https://blog.csdn.net/weixin_44715733/article/details/112059155
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则


专注素材教程免费分享
全国免费热线电话

18768367769

周一至周日9:00-23:00

反馈建议

27428564@qq.com 在线QQ咨询

扫描二维码关注我们

Powered by Discuz! X3.4© 2001-2013 Comsenz Inc.( 蜀ICP备2021001884号-1 )