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. AngularJs踩过的坑

    1. 使用checkbox和radio时, 不能使用ng-model直接绑定原始对象, 需要绑定一个对象的某个子属性, 才能把值绑定到scope <label><input type ...

  2. TCP 详解

    计算机网络中比较中要的无非就是 TCP/IP 协议栈,以及应用层的 HTTP 和 HTTPS . 前几天一直炒的的比较火的就是 HTTP/2.0 了,但是其实 HTTP/2.0 早在2015年的时候就 ...

  3. JAVAEE——BOS物流项目08：配置代理对象远程调用crm服务、查看定区中包含的分区、查看定区关联的客户

    1 学习计划 1.定区关联客户 n 完善CRM服务中的客户查询方法 n 在BOS项目中配置代理对象远程调用crm服务 n 调整定区关联客户页面 n 实现定区关联客户 2.查看定区中包含的分区 n 页面 ...

  4. UITableViewStyleGrouped模式下多余间距

    第一个section上边多余间距处理 // 隐藏UITableViewStyleGrouped上边多余的间隔 _tableView.tableHeaderView = [[UIView alloc] ...

  5. Nginx 开启gzip 压缩，实现基于域名的虚拟主机。

    一:gzip(GNU-ZIP)是一种压缩技术. 经过gzip压缩后页面大小可以变为原来的30%甚至更小,这样,用户浏览页面的时候速度会块得多. gzip 的压缩页面需要浏览器和服务器双方都支持,实际上 ...

  6. centos安装postgis

      step 1   yum localinstall https://download.postgresql.org/pub/repos/yum/9.2/redhat/rhel-7-x86_64/p ...

  7. JDBC（通俗易懂）简单的操作（增、删、改、查）

    项目所写的类: 说明:①.DButil 动态加载数据库驱动,以及获取java.sql.Connection的对象. ②.Personmodel 数据库列(栏位)所对应的字段,定义了相应的set和get ...

  8. 深入解析C语言数组和指针

    概述 指针是C语言的重点,同时也是让初学者认为最难理解的部分.有人说它是C语言的灵魂,只有深入理解指针才能说理解了C语言.暂且撇开这些观点不谈.这章是我在阅读<C和指针>这本书的读书笔记. ...

  9. NVisionXRFBXConverter（Beta版）实践课程

    一.前言 NVisionXR引擎使用的模型格式为.mesh(具体请看NVisionXR引擎基本介绍:http://www.arvrschool.com/read-7381 ),为了能够将常见的格式转换 ...

  10. Maven学习笔记二

    依赖范围 <dependency> <groupId>javax.servlet</groupId> <artifactId>servlet-api&l ...