当前位置:首页 > CN2资讯 > 正文内容

PHP教程 PHP之HTML 标签2

1分钟前CN2资讯

PHP教程前两天发的比较少,大家可能觉得不过瘾!今天我们多介绍几个!

<div>可定义文档中的分区或节(division/section)。

<div> 标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具,并且不使用任何格式与其关联。

如果用 id 或 class 来标记 <div>,那么该标签的作用会变得更加有效。

用法

<div> 是一个块级元素。这意味着它的内容自动地开始一个新行。实际上,换行是 <div> 固有的唯一格式表现。可以通过 <div> 的 class 或 id 应用额外的样式。不必为每一个 <div> 都加上类或 id,虽然这样做也有一定的好处。

可以对同一个 <div> 元素应用 class 或 id 属性,但是更常见的情况是只应用其中一种。这两者的主要差异是,class 用于元素组(类似的元素,或者可以理解为某一类元素),而 id 用于标识单独的唯一的元素。

<ul>标签定义无序列表。

<ul> 标签里面只嵌套<li>之类的不能直接嵌套<div>以及其他标签,例如:<ul>

    <div></div>

</ul>

这样是不对的,不符合标准,但是浏览器并不会报错,因为浏览器有纠错功能

<ul>

    <li>

        <div></div>

    </li>

</ul>

这样写就可以。

<li> 标签定义列表项目。

<li> 标签可用在有序列表 (<ol>) 和无序列表 (<ul>) 中。


<table> 标签定义 HTML 表格。

简单的 HTML 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成。

tr 元素定义表格行,th 元素定义表头,td 元素定义表格单元。

更复杂的 HTML 表格也可能包括 caption、col、colgroup、thead、tfoot 以及 tbody 元素。


<tr> 标签定义 HTML 表格中的行。

tr 元素包含一个或多个 th 或 td 元素。

tr标签里也只能直接跟th 或者td

例如:

<table>

    <tr><td></td><td></td></tr>

</table>


<td>和<th>


th定义表格内的表头单元格。

HTML 表单中有两种类型的单元格:

表头单元格 - 包含表头信息(由 th 元素创建)

标准单元格 - 包含数据(由 td 元素创建)

th 元素内部的文本通常会呈现为居中的粗体文本,而 td 元素内的文本通常是左对齐的普通文本。


下面就用前面介绍的标签给大家一个例子:

<!DOCTYPE html>

<html lang="zh-cn">

    <head>

        <meta charset="utf8" />


        <title>hello,world</title>

    </head>

    <body>

        <div>

            <table>

                <tr>

                    <th>姓名</th>

                    <th>课程</th>

                    <th>成绩</th>

                </tr>

                <tr>

                    <td>张三</td>

                    <td>语文</td>

                    <td>80</td>

                </tr>

                <tr>

                    <td>张三</td>

                    <td>数学</td>

                    <td>82</td>

                </tr>

                <tr>

                    <td>王五</td>

                    <td>语文</td>

                    <td>83</td>

                </tr>

                <tr>

                    <td>王五</td>

                    <td>数学</td>

                    <td>90</td>

                </tr>

            </table>

        </div>   

        <div>

            <table>

                <tr>

                    <th>姓名</th>

                    <th>课程</th>

                    <th>成绩</th>

                </tr>

                <tr>

                    <td>张三</td>

                    <td>语文</td>

                    <td>80</td>

                </tr>

                <tr>

                    <td>张三</td>

                    <td>数学</td>

                    <td>82</td>

                </tr>

                <tr>

                    <td>王五</td>

                    <td>语文</td>

                    <td>83</td>

                </tr>

                <tr>

                    <td>王五</td>

                    <td>数学</td>

                    <td>90</td>

                </tr>

            </table>

        </div>   

    </body>

</html>

保存成test.html



    你可能想看:

    扫描二维码推送至手机访问。

    版权声明:本文由皇冠云发布,如需转载请注明出处。

    本文链接:https://www.idchg.com/info/26275.html

    分享给朋友:

    “PHP教程 PHP之HTML 标签2” 的相关文章

    ZGOVPS高性能VPS主机:提升网站速度与跨境访问体验的最佳选择

    ZGOVPS的背景与市场定位 ZGOVPS是一家专注于提供高性能VPS主机服务的商家,凭借其出色的性价比和良好的用户口碑,迅速在站长圈中站稳了脚跟。它的市场定位非常明确,主要服务于那些对网络性能有较高要求的用户,尤其是需要跨境访问的网站。对于国内用户来说,访问国外机房时常常会遇到线路问题,导致访问速...

    选择DigitalVirt的KVM VPS服务,体验高性价比与稳定性

    DigitalVirt的成立是在2022年,这让我对他们的新起步感到兴奋。这家国人商家致力于提供高质量的KVM VPS服务,逐渐在市场上赢得了一席之地。就我个人的体验来看,DigitalVirt的使命似乎就是帮助用户实现在线业务的稳定与高效。特别是在快节奏的数字时代,能够找到一个可靠的服务提供商至关...

    RackNerd与ColoCrossing的对比分析:选择适合你的数据中心服务

    RackNerd vs ColoCrossing概述 在当前的互联网服务市场中,RackNerd与ColoCrossing都是备受关注的数据中心服务提供商。它们各自的成长背景和市场定位都显示出一些显著的差异。RackNerd成立于2019年,专注于提供低价 VPS 和服务器租用服务,屡次推出吸引人的...

    bwh1:搬瓦工的高效VPS管理与使用技巧

    bwh1 概述 提到 bwh1,很多人第一时间就想到搬瓦工(BandwagonHost)。bwh1 正是搬瓦工的官网域名之一,深受用户喜爱。它不仅是一个简单的链接,更是通向高效 VPS 管理的窗口。通过这个网站,用户能够方便地访问各种服务,比如 VPS 购买、管理和支持。对于追求网络稳定性和速度的用...

    强制结束占用短裤:高效解决文件锁定问题的方法与工具

    强制结束占用短裤这一概念听起来可能有些陌生,但在计算机操作系统中,它扮演着一个非常重要的角色。当一个文件或进程被占用时,我们常常会发现自己无法删除、移动或修改这些文件。这时,强制结束的必要性就显而易见了。通过强制结束占用,我们可以有效地解除阻碍,重新获得对文件的掌控。 对于普通用户来说,主动解除文件...

    Digital-VM评测:性价比高的VPS主机服务与全球数据中心优势分析

    Digital-VM是一家在2018年成立于美国的主机商,专注于提供VPS主机服务。自成立以来,Digital-VM致力于为全球用户提供高效、低价的云计算解决方案。随着虚拟主机市场的快速发展,Digital-VM不断扩展其服务和产品线,逐渐成长为一家具备竞争力的主机商。在技术方面,Digital-V...