`
红尘默岩
  • 浏览: 78084 次
  • 性别: Icon_minigender_1
  • 来自: 福建福州
社区版块
存档分类
最新评论

Html语法示例

    博客分类:
  • Html
阅读更多

【示例1】

<table>
  <caption>表格标题内容</caption>
  <tr>
    <th>表格表头内容</th>
    <td>表格一单元格</td>
    <td>表格一单元格</td>
  </tr>
</table>

【说明】

表格框架:<table></table>

表格标题:<caption></caption>

表格表头:<th></th>

表格一行:<tr></tr>

表格一格:<td></td>

 

【示例2】

<table>
  <thead>
    <tr>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
  </thead>
    <tr>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
  <tbody>
  <tfoot>
    <tr>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
    </tr>
  </tfoot>
  </tbody>
</table>

【说明】

表空格:&nbsp;

表头行:<thead></thead>

表主题:<tbody></tbody>

表备注:<tfoot></tfoot>

 

【示例3】

<table width="100" height="80" border="1" bordercolor="#0000FF" bgcolor="blue">
  <tr>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
  </tr>
</table>

【说明】

表宽度:width

表高度:height

表边框粗细:border

表背景:bgcolor

表边框颜色:bordercolor

表亮边框颜色:bordercolorlight

表暗边框颜色:bordercolordark

 

【示例4】

<table frame="hsides" rules="none">
  <tr>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
  </tr>
</table>

【说明】

表边框样式:frame、rules

 

frame参数如下:

显示上下左右边框:border

显示上下边框:hsides

显示左右边框:vsides

显示上边框:above

显示下边框:below

显示左边框:lhs

显示右边框:rhs

不显示边框:void

 

rules参数如下:

显示所有边框:all

显示介于行列边框:groups

不显示内部边框:none

仅显示列边框:cols

仅显示行边框:rows

 

【示例5】

<table align="center" cellspacing="0" cellpadding="0">
  <tr align="center" valign="middle">
    <td rowlspan="2">跨行合并</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td align="center" valign="middle">水平垂直居中</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td colspan="2">跨列合并</td>
    <td>&nbsp;</td>
  </tr>
</table>

【说明】

行内水平对齐:align

行内垂直对齐:valign

设置跨行:rowspan

设置跨列:colspan

设置单元格间距:cellspacing

设置单元格边距:cellpadding

 

水平对齐方式属性如下:

左对齐:left

右对齐:right

居中对齐:center

 

垂直对齐方式属性如下:

顶端对齐:top

居中对齐:middle

低端对齐:bottom

基线对齐:baseline

分享到:
评论

相关推荐

    Markdown简单语法示例文件

    ### Markdown简单语法示例文件详解 #### 一、标题创建 Markdown支持通过使用不同数量的井号(#)来创建不同级别的标题。具体规则如下: 1. **一级标题**: 使用单个井号 `#` 后跟空格,例如: ``` # 一级标题 `...

    HTML5 CSS3 Introduction (PDF)

    ##### HTML语法示例 ```html &lt;!doctype html&gt; &lt;html&gt; &lt;title&gt;Example document &lt;p&gt;Example paragraph &lt;/html&gt; ``` ##### XML语法示例 ```xml &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;title&gt;Example ...

    PHP流程掌握的替代语法示例_.docx

    2. **替代语法示例**: - **if语句**: ```php ($a == 5): ?&gt; 等于5 ($a == 6): ?&gt; 等于6 不是5或6 ; ?&gt; ``` - **while循环**: ```php (expr): ?&gt; 循环内容 ; ?&gt; ``` - **for循环**: ```php ...

    html 语法手册下载 chm版.RAR

    这份“html 语法手册下载 chm版.RAR”压缩包包含了关于HTML语法的全面指南,适用于初学者和有一定经验的开发者,帮助他们深入理解和掌握HTML的各种元素、属性和结构。 在“html语法教程.chm”中,你将找到以下关键...

    Razor语法的示例程序

    在“Razor语法的示例程序”中,我们可以深入学习和理解Razor的强大功能。这个压缩包包含了一系列的示例,涵盖了以下几个核心知识点: 1. **页面生成**:Razor视图引擎的核心就是生成HTML页面。在`.cshtml`文件中,...

    JSTL语法示例

    【JSTL语法示例】和【JSTL教程】标签相关的知识点主要集中在JSTL(JavaServer Pages Standard Tag Library)的使用上,这是一种用于增强JSP页面功能的标签库,旨在规范和简化JSP页面的开发,避免在页面中混杂过多的...

    HTML5 api 调用示例

    HTML5 API调用示例是现代网页开发中的关键部分,它极大地扩展了Web应用程序的功能,使其可以实现更多原生应用的特性。W3C(万维网联盟)是定义HTML5标准的权威组织,它的API规范为开发者提供了丰富的工具集,以创建...

    HTML 5 canvas 基本语法 翻译 带示例代码

    本文将深入探讨HTML5 Canvas的基本语法,包括如何创建Canvas元素、初始化绘图上下文以及如何使用2D绘图API进行图形绘制。此外,还将提供示例代码,帮助读者更好地理解和应用Canvas。 #### 创建Canvas元素 创建...

    html css js 示例合集

    JavaScript的基本语法与Java类似,但更灵活。学习JavaScript时,需要理解变量、数据类型、控制流(条件语句、循环)、函数以及对象等概念。DOM(Document Object Model)是JavaScript操作HTML文档的主要接口,通过它...

    html语法书

    学习HTML是成为一名Web开发者的基础,熟练掌握HTML语法能帮助我们构建功能丰富的交互式网页。同时,随着Web技术的发展,HTML5引入了更多新的元素和特性,使得网页制作更加便捷高效。为了编写高质量的网页,开发者还...

    html 语言语法大全

    ### HTML语言语法大全 HTML(HyperText Markup Language)是一种用于...以上是对HTML基础语法的一些简要介绍和示例。这些标签和属性的组合可以创建出丰富的网页内容。掌握这些基础知识对于HTML开发者来说至关重要。

    html网页制作入门知识_ppt格式_基本语法与示例

    本资料“html网页制作入门知识_ppt格式_基本语法与示例”提供了一个PPT形式的学习资源,适合初学者掌握HTML的基本概念和用法。 在HTML中,网页由一系列元素组成,每个元素通过标签来定义。这些标签通常以尖括号 `和...

    Markdown 语法说明示例代码.zip

    在本示例代码中,我们将深入探讨Markdown的基本语法和高级特性。 ### 1. 标题 Markdown支持两种标题语法:井号(#)和等于号(=)。一级标题使用一个井号,二级标题使用两个井号,依此类推,最多支持六级标题。例如...

    HTML语法教程.txt

    ### HTML语法教程知识点详解 #### 一、网页架构 网页架构是HTML文档的基本框架,它定义了页面的整体结构。一个标准的HTML文档通常包括以下部分: - `&lt;html&gt;`:整个HTML文档的根元素。 - `&lt;head&gt;`:包含了文档的元...

    《HTML语法大全 》(高清晰)pdf版

    《HTML语法大全》一书详尽地介绍了HTML(HyperText Markup Language)的基础语法与各种元素的应用,对于初学者和有经验...《HTML语法大全》作为一本详实的参考书,提供了丰富的示例和解释,是学习HTML不可多得的资料。

    html自学通(附html语法手册)

    它允许我们将文本、图像、音频、视频等元素组织成结构化的文档,并通过互联网进行传播。...同时,附带的“HTML语法手册”将作为重要的参考资料,为学习者提供详细的语法解释和示例,帮助他们解决学习过程中遇到的问题。

    简单的html编程示例

    学习HTML不仅仅是掌握语法,更需要理解网页的工作原理和用户体验设计原则。 通过实践这些简单的HTML编程示例,你将逐渐熟悉这个强大的工具,并能够创建出符合标准、功能完善的网页。无论你是初学者还是有一定经验的...

    HTML语言剖析 HTML标签讲解以及其应用示例

    通过这个“HTML语言剖析 HTML标签讲解以及其应用示例”的学习,你不仅可以掌握HTML的基本语法和标签使用,还能通过实例加深理解,提高创建和维护网页的能力。无论你是初学者还是有一定经验的开发者,这个资源都将是...

Global site tag (gtag.js) - Google Analytics