1. 云栖社区>
  2. PHP教程>
  3. 正文

PHP教程 PHP之HTML 标签2

作者:用户 来源:互联网 时间:2017-12-01 13:28:46

htmlphp标签教程

PHP教程 PHP之HTML 标签2 - 摘要: 本文讲的是PHP教程 PHP之HTML 标签2, PHP教程前两天发的比较少,大家可能觉得不过瘾。今天我们多介绍几个。 <div>可定义文档中的分区或节(division/section)。 <div> 标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织


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

PHP教程 PHP之HTML 标签2


以上是云栖社区小编为您精心准备的的内容,在云栖社区的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索html , php , 标签 教程 ,以便于您获取更多的相关知识。