n  <meta>标记

<meta>的主要作用，是提供网页的源信息。比如：指定网页的搜索关键字

<meta>标记有两个属性：http-equiv和name。

1、 http-equiv属性

  • 功能：模拟http协议文件头信息，当信息从服务器端传到客户端时，告诉浏览器如何正确的显示网页内容。
  • http-equiv属性一般要与content属性配合使用。Content属性指定信息的详细参数。

（1·）设置网页的字符集

<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">

（2）网页自动刷新

<meta http-equiv="refresh" content="2;url=http://www.baidu.com" />   //2秒后，跳转到百度页面

2、 name属性

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

（1）     设置网页搜索关键字

<meta name="keywords" content="网站建设、网站制作、网站推广" />

（2）     设置网页描述信息

<meta name="description" content="网站建设" />

n  XHTML简介

传统的HTML开发的初衷是面向pc机的，而随着移动终端的不断出现，HTML已经不能满足市场的需求了。

XHTML是新一代的HTML标注语言。

XHTML的目的是为了取代HTML。

XHTML的标记，与HTML一模一样。

XHTML的语法要比HTML严格得多。

XHTML可扩展超文本标注语言

n  XHTML编写规范

  • 所有的标记和属性要全小写
  • 单边标记必须关闭。如<br>——><br />
  • 所有的属性值都必须要加引号。
  • 所有的属性都必须有值。如：<hr noshade />——><hr noshade=”noshade” />
  • 标记之间要顺序嵌套，外层套内层，一层套一层。
  • XHTML网页必须要有DTD文档类型定义代码。

n  DTD文档类型定义

DTD文档类型定义的目的：是一种验证机制，也就是说检验一下你写的XHTML标记语法是否合法。

DTD一共有三大类型：

（1）     严格型的DTD

在严格的DTD中，不能再使用各种表现的标记。如：<font>、<b>、<body bgColor=””>

要求必须使用CSS来取代各种表现标记。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

（2）     过渡型的DTD

在过渡型的ＤＴＤ中，可以继续使用ＨＴＭＬ中的表现的写法

这些表现标记，还可以继续使用。如：＜font＞、＜b＞、<body bgColor=””>

<!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">

n  表格标签（块元素）

1、 表格的结构

<table>

<tr>

<td><td>

<td><td>

<td><td>

<tr>

<tr>

<td><td>

<td><td>

<td><td>

<tr>

</table>

2、<table>属性

u  Width：表格宽度，单位可以是百分比，也可以是固定值。

u  Height：表格高度。

u  Align：表格水平对齐方式，取值：left、center、right

u  Border：边框粗细。

u  Bordercolor：边框颜色。

u  bgColor：表格背景颜色。

u  Background：背景图片URL。

u  Cellpadding：单元格边线到内容间的距离（填充距离）。

u  Cellspacing：单元格与单元格之间的距离（间距）。

u  Rules：合并单元格边框线，取值：all

注意：rules兼容性不好，请使用CSS来取代。

3、<tr>属性（行标记）

  • Bgcolor：行的背景色
  • Height：行的高度
  • Align：行中的文本的水平对齐方式
  • Valign：垂直对齐方式。取值：top（上）、middle（中）、bottom（下）

4、<td>或<th>属性

<td>是普通单元格，<th>是标题单元格，居中加粗显示。

Width：单元格宽度

Height：单元格高度

Bgcolor：单元格背景色

Background：单元格背景图

Align：水平对齐

Valign：垂直对齐

Rowspan：上下单元格合并

Colspan：左右单元格合并。合并时，有增就得有减，要保证每一行单元格的个数不变。

复习HTML+CSS（5）的更多相关文章

  1. 复习HTML+CSS（4）

    n  HTML颜色表示 网页中的颜色有三种表示方法 颜色单词:blue.green.red.yellow 10进制表示:rgb(255,0,0).rgb(0,255,0).rgb(0,0,255) 1 ...

  2. 复习HTML+CSS（9）

    n  CSS简介 CSS:Cascading Style Sheets 层叠样式表 CSS的主要目的:是给HTML标记添加各种各样的表现(格式.样式).比如:文字样式.背景.文本样式.链接样式. 提示 ...

  3. 2018.1.15复习_ css+js

    [1]几个常见的css标签:--------------------------------------------------background-color; 设置背景颜色background-p ...

  4. 复习HTML+CSS（3）

    n  超级链接 l  语法格式:<a 属性 = "值">---</a> l  常用属性: n  Href:目标文件的地址URL,该URL可以是相对地址,也可 ...

  5. 复习HTML+CSS（2）

    n  项目符号嵌套编号思路 标签的内容(文本.项目符号.表格.图片等)必须放在最底层标记中. n  图片标记(行内元素,单边标记) l  语法:<img 属性 = "值"&g ...

  6. 复习HTML+CSS（6）

    n  表格和表单的嵌套顺序 n  单行文本域 语法格式:<input type="text" 属性="值"> 常用属性 l  Name:文本框的名字 ...

  7. 复习HTML+CSS（8）

    n  普通框架 框架技术:将一个浏览器划分成若干个小窗口,每个小窗口显示一个独立的网页. 框架集合框架页 u  框架集<frameset>:主要用来划分窗口的. u  框架页<fra ...

  8. 复习HTML+CSS（7）

    n  HTML 注释 <--! 注释内容 --> 注意:注释内容不会显示,注释是为了将来维护方面. n  图片热点(图像地图) 图像热点:给一张图片加多个链接,默认情况下,一张图片只能加一 ...

  9. Jquery 搭配 css 使用，简单有效

    前几篇博客中讲了Jquery的基础和点击实际,下面来说一下和css搭配着来怎么做 还是和往常一样,举个例子 好几个方块,然后设置颜色 <!DOCTYPE html PUBLIC "-/ ...

随机推荐

  1. 在Ubuntu下如何切换到超级用户

    由于 Ubuntu 是基于 Debian 的 linux 操作系统,在默认的情况下,是没有超级用户(superuser, root)的,但有些系统操作必须有超级用户的权限才能进行,如手动释放内存等. ...

  2. 希尔排序（shell‘ sort）

    希尔排序是1959 年由D.L.Shell 提出来的,相对直接排序有较大的改进.希尔排序又叫缩小增量排序 基本思想: 先将整个待排序的记录序列分割成为若干子序列分别进行直接插入排序,待整个序列中的记录 ...

  3. Java集合：HashMap源码剖析

    一.HashMap概述 HashMap基于哈希表的 Map 接口的实现.此实现提供所有可选的映射操作,并允许使用 null 值和 null 键.(除了不同步和允许使用 null 之外,HashMap  ...

  4. poj 3696 The Luckiest Number

    The Luckiest Number 题目大意:给你一个int范围内的正整数n,求这样的最小的x,使得:连续的x个8可以被n整除. 注释:如果无解输出0.poj多组数据,第i组数据前面加上Case ...

  5. kvm之三：本地安装虚拟机

    1.格式化新添加的磁盘 [root@kvm ~ ::]#fdisk /dev/sdb Command (m for help): n //新建分区 Command action e extended ...

  6. python（字符串操作）

    一.字符串的局部替换 python 字符串替换可以用2种方法实现:1是用字符串本身的方法.2用正则来替换字符串 下面用个例子来实验下:a = 'hello word'我把a字符串里的word替换为py ...

  7. vmware虚拟机和网络中的桥接和NAT

    vmware虚拟机和网络中的桥接和NAT 有许多人在网上回答类似的问题,但大多说的不够简单,且互相抄袭的嫌疑很大,这里我尽自己努力把问题说的明白一些 首先解释一下什么是NAT(network addr ...

  8. poj2991 Crane(线段树+集合)白书例题

    题目大意:起重机有n节,题目给出要调节的k节,每节调节成x度,求最后底部的起重机的坐标(最顶上的起点为(0,0)). 分析:一开始我看白书,看不懂他那个向量旋转的坐标是怎么来的,翻了很多博客,才发现, ...

  9. 关于伪类after后续追加，实现js事件（如点击事件）

    实现情况为:点击"编辑"后,"编辑"文字变成"完成",再点击伪类元素后的"完成",此时的"完成"应该 ...

  10. 上海依图-电话面试-angularjs

    树的遍历(树结构:node.name,node.children),输出node.name(递归) 指令的scope的绑定策略(@绑定DOM数学单向绑定:=双向数据绑定:&绑定父作用域函数) ...