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. JavaScript：方法&对象大全

    方法 方法的原型链 <html> <head> <title></title> </head> <script type=" ...

  2. 剑指Offer-字符流中第一个不重复的字符

    package String; import java.util.LinkedHashMap; import java.util.Map; /** * 字符流中第一个不重复的字符 * 题目描述 * 请 ...

  3. 1-2 Spring 的基本使用

    1.Spring容器的配置文件applicationContext.xml的引入 名称可以自己定义 <?xml version="1.0" encoding="UT ...

  4. centOS7安装nodejs(8.4.0)（详细步骤）

    1.使用rpm查看是否安装gcc.make 若如下图有输出版本详细表示已安装,则无需再次安装,直接下一步(输入rpm -qa 包名称) 若没有安装则执行以下命令安装:  yum install gcc ...

  5. 【Zabbix】大规模监控误报发生时的处理方案

    今天遇到了这样一件事..Zabbix一直在用的数据库突然间崩溃,无法连接了.在down掉的那一时刻开始,zabbix向管理员报了警.然后随之而来的是铺天盖地的所有主机zabbix agent无法连接的 ...

  6. Spring事务管理—aop:pointcut expression解析(转)

    本文转载自: http://hane00.blog.163.com/blog/static/160061522011427473965/ 先来看看这个spring的配置文件的配置: <!-- 事 ...

  7. shiro权限框架（四）

    4.1授权方式 Shiro 支持三种方式的授权 编程式:通过写 if/else 授权代码块完成: Subject = SecurityUtils.getSubject(); if(subject.ha ...

  8. 爬虫（requests）

    requests库包含两个对象:Response和Requests  Response对象属性:    r.status_code    HTTP请求的返回状态,200表示成功 r.text     ...

  9. Java基础-this和super的区别

    package com.cn.This; /** * this与super的区别: * 1.this相当于指向本类的对象的指针,调用本类的另一种类型的构造方法 * 2.super调用的是父类中形参相同 ...

  10. 使用MVC5+Entity Framework6的Code First模式创建数据库并实现增删改查功能

    此处采用VS2017+SqlServer数据库 一.创建项目并引用dll: 1.创建一个MVC项目 2.采用Nuget安装EF6.1.3 二.创建Model 在models文件夹中,建立相应的mode ...