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. [SCOI2011] 糖果

    luogu Description 幼儿园里有N个小朋友,lxhgww老师现在想要给这些小朋友们分配糖果,要求每个小朋友都要分到糖果.但是小朋友们也有嫉妒心,总是会提出一些要求,比如小明不希望小红分到 ...

  2. RTC实时时间系统学习笔记(一)---------------UART串口

    临近研三了,自己倾向于要找数字IC方面的工作,苦于教研室的项目一直都是调板子调板子调板子,真正用到FPGA的很少,,本着"工欲善其事必先利其器"的原则,在网上搜寻如何自学FPGA, ...

  3. float与double的精度和范围

    1 范围 float和double的范围是由指数的位数来决定的. float的指数位有8位,而double的指数位有11位,分布如下: float: 1bit(符号位) 8bits(指数位) 23bi ...

  4. Redis --> 为redis分配新的端口

    为redis分配新的端口 为redis分配一个8888端口,操作步骤如下:1.$REDIS_HOME/redis.conf重新复制一份,重命名为redis8888.conf.2.打开redis8888 ...

  5. Spring boot download file

    Springboot对资源的描述提供了相应的接口,其主要实现类有ClassPathResource.FileSystemResource.UrlResource.ByteArrayResource. ...

  6. pip遇见的format问题

    这是pip升级以后的问题. DEPRECATION: The default format will switch to columns in the future. You can use –for ...

  7. centos7 yum 安装mariadb

    #vim /etc/yum.repos.d/mariadb.repo [mariadb]name = MariaDBbaseurl = https://yum.mariadb.org/10.1.16/ ...

  8. javaScript设计模式-创建型设计模式

    我们大家一听到设计模式就感觉设计模式是一个高端的东西,到底什么是设计模式呢?其实设计模式也就是我们的前辈在写代码的时候遇到的问题,提出的解决方案,为了方便人与人之间的交流,取了个名字,叫做设计模式. ...

  9. JavaScript(第十一天)【变量，作用域，内存】

    JavaScript的变量与其他语言的变量有很大区别.JavaScript变量是松散型的(不强制类型)本质,决定了它只是在特定时间用于保存特定值的一个名字而已.由于不存在定义某个变量必须要保存何种数据 ...

  10. Beta 第四天

    今天遇到的困难: 百度位置假死的问题研究发现并不是源于代码的问题,而是直接运行在主线程中会出现诸多问题 Fragment碎片刷新时总产生的固定位置的问题未果 今天完成的任务: 陈甘霖:修复了部分Bug ...