07.HTML实例

07.HTML实例

HTML 实例


HTML 基础

非常简单的HTML文档

HTML 标题

HTML 段落

HTML 链接

HTML 图片


HTML 标题

HTML 标题

在html源码中插入注释

插入水平线


HTML 段落

HTML 段落

更多段落

本例演示在 HTML 文档中折行的使用。

HTML 格式化的某些问题。


HTML 文本格式化

文本格式化

此例演示如何使用 pre 标签对空行和空格进行控制。

此例演示不同的"计算机输出"标签的显示效果。

此例演示如何在 HTML 文件中写地址。

此例演示如何实现缩写或首字母缩写。

此例演示如何改变文字的方向。

此例演示如何实现长短不一的引用语。

文本下划线与删除线


HTML 样式

HTML Style 元素

背景色样式

字体样式,颜色,大小

文本对齐样式

设置文本字体

设置文本字体大小

设置文本字体颜色

设置文本字体,字体大小,字体颜色

HTML使用不同样式

没有下划线的链接

链接到一个外部样式表


HTML 链接

创建超级链接

将图像作为链接

在新的浏览器窗口打开链接

链接到同一个页面的不同位置

跳出框架

创建电子邮件链接

创建电子邮件链接 2


HTML 图像

插入图像

从不同的位置插入图片

排列图片

本例演示如何使图片浮动至段落的左边或右边。

制作图像链接

创建图像映射

点击图片映射到另一张图


HTML 表格

简单的表格

没有边框的表格

表格中的表头

带有标题的表格

跨行或跨列的表格单元格

表格内的标签

单元格边距(Cell padding)

单元格间距(Cell spacing)


HTML 列表

无序列表

有序列表

不同类型的有序列表

不同类型的无序列表

嵌套列表

嵌套列表 2

定义列表


HTML Forms 和 Input

创建文本域(Text fields)

创建密码域

复选框

单选按钮

简单的下拉列表

预选下拉列表

本例演示如何创建一个文本域(多行文本输入控件)。

创建一个按钮

本例演示如何在数据周围绘制一个带标题的框。

带有文本域与输入域的表单

点击提交

带有复选框与提交按钮的form表单

点击提交

带有单选框与提交按钮的表单

点击提交

发送邮件表单


HTML iframe

内联框架 (HTML页面中插入框架)


HTML 头部元素

描述了文档标题

HTML页面中默认的URL链接

提供文档元数据


HTML 脚本

插入一个脚本

使用 <noscript> 标签

本文分享自微信公众号 - Java帮帮(javahelp)

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2018-04-15

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 01.HTML教程/简介/基础

    01.HTML教程/简介/基础 HTML 教程- (HTML5 标准) 超文本标记语言(英语:HyperText Markup Language,简称:HTML...

    Java帮帮
  • 02.HTML元素/属性/标题/段落/文本格式化/链接

    02.HTML元素/属性/标题/段落 /文本格式化/链接 HTML 元素 ---- HTML 文档由 HTML 元素定义。 ---- HTML 元素 开始标签 ...

    Java帮帮
  • 05.HTML脚本/字符实体/URL/速查列表/

    05.HTML脚本/字符实体/ URL/速查列表/ HTML 脚本 ---- JavaScript 使 HTML 页面具有更强的动态和交互性。 ---- HTM...

    Java帮帮
  • BitMap

    BitMap也称为位图,其原理和布隆过滤器类似,其基本原理都是使用位数组及其下标来表示某些元素是否存在,其在处理大量数据的排序、查询、去重,以及在用户群做交集和...

    晚上没宵夜
  • 微信多点登录与QQ消息漫游架构随想

    【需求缘起】 之前的一些文章简单介绍了 《“单人消息”》《“离线消息”》《“群消息”》《“用户状态”》的一些相关技术(点击上面的link直接阅读),今天来聊一聊...

    架构师之路
  • WEB 前端插件整理

    #3 Image Preview 图像预览 #4 TODO Highlight 这个插件能够在你的代码中标记出所有的 TODO 注释,以便更容易追踪任何未完成...

    喝茶去
  • 非CS科班算法岗(规控方向)面经

    先说一下背景,top2本博控制专业,一年前没有任何数据结构和算法系统知识,一年内系统的选了数据结构和算法课,同时先后经历了春招实习和秋招校招的洗礼,也完成了自己...

    AI算法与图像处理
  • 国外极客的奇葩Oculus Quest改装思路

    HTC Vive+畅听头带Deluxe Audio Strap,同时拥有合理的前后配重和优质的音质。

    VRPinea
  • 数据结构 | 每日一练(5)

    ——老子

    闫小林
  • Spring security笔记2/4: 自定义用户信息

    重命名 Case1Application.java 为 Case2Application.java

    tonglei0429

扫码关注云+社区

领取腾讯云代金券