700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > 前端:HTML/05/lt;meta标记 XHTML简介及其编写规范 表格标签(lt;table)及其相关标签(lt;tr lt;td或lt;th)

前端:HTML/05/lt;meta标记 XHTML简介及其编写规范 表格标签(lt;table)及其相关标签(lt;tr lt;td或lt;th)

时间:2022-01-27 03:55:59

相关推荐

前端:HTML/05/lt;meta标记 XHTML简介及其编写规范 表格标签(lt;table)及其相关标签(lt;tr lt;td或lt;th)

<meta>标记

<meta>的主要作用,是提供网页的元信息,如:指定网页的搜索关键字

两个属性:http-equlv和name;

1,http-equiv属性:模拟http协议文件头信息,告诉浏览器如何正确显示网页内容;

http-equiv属性一般都与content属性配合使用,Content属性指定信息的详细参数;

设置网页的字符集

<meta http-equiv=“Content-Type” content="content=“text/html:charset=utf-8”/>

设置了网页的字符集为utf-8

网页自动刷新

<meta http-equiv=“refresh” content=“2”> //每隔2秒自动刷新一次

<meta http-equiv=“refresh” content=“2;url=/”> //2秒后,跳转到百度

name 属性

主要用于设置网页的搜索关键字,版权信息,作者等。

设置网页搜索关键字

<meta name=“keywords” content=“网站建设,企业网站建设,网站制作,网上商城,网站推广,域名注册,中企动力”/>

设置网页描述信息

XHTML简介

传统的HTML开发的初衷是面向pc机的,而随移动终端的不断出现,HTML已经满足不了

场的需求了

XHTML是新一代的HTML语言;其目的就是为了取代HTML;XHTML的标记与HTML非常相似;但XHTML的语法要比HTML严格(比如要求标记和属性全部小写);

XHTML:可扩展超文本标注语言

XHTML编写规范

所有的标记和属性全要小写

单边标记必须关闭;如:<br>要写成<br/>

所有的属性都必须加引号("")

所有的属性必须有值;如:<hr noshade>要写成<hr noshade=“noshade” />

标记之间要顺序嵌套,外层套内层,一层套一层;

XHTML网页必须要有DTD文档类型定义代码。

DTD文档类型定义

目的:作为一种验证机制,也就是检验网页中写的XHTML标记语法是否合法一般放在XHTML文档顶部。

DTD一共有三大类型:

1,严格型的DTD

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “/TR/xhtml1/DTD/xhtml1-strict.dtd”>

2,过渡型的DTD

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

3,框架的DTD

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Frameset//EN” “/TR/xhtml1/DTD/xhtml1-frameset.dtd”>

表格标签<table>(块元素)

表格的结构:两行四列的表格如下(单元格不可缺少,即表格要完整)

<table>

<tr>

<td>单元格</td>

<td>单元格</td>

<td>单元格</td>

<td>单元格</td>

</tr>

<tr>

<td>单元格</td>

<td>单元格</td>

<td>单元格</td>

<td>单元格</td>

</tr>

</table>

<table>的属性(表格标记)

width:表格宽度,单位可以是百分比,也可以是固定值;

height:表格高度

align :表格的水平对齐方式,取值:left,center,right ;

border :边框粗细;

bordercolor :边框颜色;

bgcolor :表格背景色;

background :背景图片URL;

cellpadding :单元格边线到内容的距离(填充距离)

cellspacing :单元格与单元格之间的距离(间距)

rules :合并单元格边框线(兼容性不好,一般使用css去合并),取值:all

<tr>属性(行标记)

bgcolor :行的背景色

height :行的高度(行只有高度可以设置,宽度由表格决定)

align :行中的文本水平对齐方式,取值:left,center,right

valign :垂直居中,取值:top(上),middle(中),bottom(下)

<td>或<th>属性(单元格标记)

<td>是普通单元格,<th是标题单元格,且自动居中加粗显示;

width(宽),height(高),align(水平对齐),bgcolor(背景色),background(背景图片),valign(垂直对齐),

rowspan :上下单元格合并,合并属性必须放在第一个单元格中,被合并的单元格需删除,使得列中的单元格总数保持不变,单位:个;

colspan :左右单元格合并,合并属性必须放在第一个单元格中,被合并的单元格需删除,使得行中的单元格总数保持不变,单位:个;

@沉木

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。