前端:HTML/05/<meta>标记,XHTML简介及其编写规范,表格标签(<table>)及其相关标签(<tr>,<td>或<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=https://www.baidu.com/”> //2秒后,跳转到百度

name 属性

主要用于设置网页的搜索关键字,版权信息,作者等。
设置网页搜索关键字
<meta name=“keywords” content=“网站建设,企业网站建设,网站制作,网上商城,网站推广,域名注册,中企动力”/>
设置网页描述信息
1

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” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
2,过渡型的DTD
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
3,框架的DTD
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Frameset//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd”>
2

表格标签<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 :左右单元格合并,合并属性必须放在第一个单元格中,被合并的单元格需删除,使得行中的单元格总数保持不变,单位:个;
3

@沉木

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值