复习HTML CSS（5）

n <meta>标记

1、 http-equiv属性

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

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

（2）网页自动刷新

2、 name属性

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

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

（2）设置网页描述信息

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>

<tr>

<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）相关推荐

前端复习HTML+CSS+JavaScript（必问面试题）
前端复习 HTML 常见的几种图片格式以及他们之间的区别是什么? JPG:支持有损压缩.不支持透明.不支持动画.色彩还原度较好 PNG:不支持压缩.支持透明.半透明.不透明.不支持动画 GIF:支持有 ...
js初级——复习html+css
1.背景图定位: background-position: top center -10px -15px; 2.html和css中的有三个属性向服务器发送请求 src url href 3.ul ...
HTML复习笔记——CSS排版
1 控制边界与边框范例: <title>不要说话</title> <style type="text/css"><!--img.one{ ...
一分钟复习完CSS基础知识
一.css的三大特性 /* 继承性 */ div{/* 子承父业 *//* 常见属性:color fonttext-indent\text-alignline-height...*/color: al ...
2015-12-09复习之CSS(3)基础
CSS指层叠样式表 selector{ property:value} 派生选择器(宜居元素位置及其上下文关系来定义样式), id选择器(常常用于简历派生选择器), 类选择器, 多类选择器(.clas ...
复习HTML+CSS（2）
n 项目符号嵌套编号思路标签的内容(文本.项目符号.表格.图片等)必须放在最底层标记中. n 图片标记(行内元素,单边标记) l 语法:<img 属性 = "值"&g ...
复习HTML CSS（2）
n 项目符号嵌套编号思路标签的内容(文本.项目符号.表格.图片等)必须放在最底层标记中. n 图片标记(行内元素,单边标记) l 语法:<img 属性 = "值"&g ...
Bootstrap复习四——CSS组件2
1.输入框组: 通过在文本输入框 <input> 前面.后面或是两边加上文字或按钮,可以实现对表单控件的扩展.为 .input-group 赋予.input-group-addon 类,可 ...
从零开始学习html（七）CSS样式基本知识
一.内联式css样式,直接写在现有的HTML标签中 1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta http-equi ...

复习HTML CSS（5）

复习HTML CSS（5）相关推荐

最新文章

热门文章