【HTML XHTML CSS基础教程(第6版)】笔记之HTML XHTML笔记(1~6章)

最新推荐文章于 2024-04-30 22:06:17 发布

weixin_30701575

最新推荐文章于 2024-04-30 22:06:17 发布

阅读量97

点赞数

文章标签： xhtml

原文链接：http://www.cnblogs.com/zt102545/p/3321197.html

版权

第1章网页的构造块

1.(X)HTML有三种主要的标记类型:元素,属性,值.

2.浏览器主要通过查看文件的扩展名(.htm或.html)来得知应该按照网页的方式读取文本文件.

3.HTML与XHTML的区别

①.HTML并不在意是否使用了html,head和body元素以及DOCTYPE,而XHTML需要这些.

②.HTML允许省略某些结束标记,而XHTML要求每个元素都有结束标记.

③.HTML在字母大小写方面很灵活,但是XHTML很严格,它要求所有元素,属性和预定义值都用小写字母.

④.如果属性值与属性名相同,那么HTML允许忽略属性值,而XTHML要求显示声明所有的值.

⑤.对于只包含字母,数字和四种简单符号(- . _ :)的属性值,HTML允许忽略外面的引号,但是如果省略引号,XHTML就会产生错误.

第2章处理网页文件

有关新建,保存网页的内容,略

第3章基本(X)HTML结构

1.DOCTYPE

使用DOCTYPE来声明要使用什么风格的HTML或XHTML.DOCTYPE使浏览器知道按照什么标准检查代码的语法.

2.创建基本结构

<!DOCTYPE>

<html>

<head>

</head>

<body>

</body>

</html>

3.创建分级标题

<hn></hn>这里的n是1~6的数字,这个数字取决于你创建的标题的级别

4.创建新段落

5.创建行内span

6.创建换行

7.添加注释

8.给元素添加标签

使用title属性给元素添加标签

跟alt属性差不多

第4章基本(X)HTML格式化

1.以粗体或斜体显示文本

粗体:

斜体:

2.修改文本大小

具有累加效果

3.使用等宽字体

不太常用的

4.使用预格式化的文本

通常,浏览器会将所有额外的回车和空白压缩,并且根据窗口宽度自动换行.预格式化的文本使你能够保持原来的换行和文本中插入的空白.

5.引述文本

引述块级文本

引述行内文本

<q></q>

6.创建上标和下标

上标:

下标:

7.标出修改过的文本

下划线: <ins></ins>

删除线: <del></del>

虚线下划线: <abbr></abbr >或<acronym></acronym>

8.让元素居中

相当于

align(已废弃)

第5章图像

1.基本标签属性

2.让图像浮动

可以使用align属性(只使用left和right值)让图像浮动到页面的一边,让文本其他元素围绕在它周围

(已废弃)

3.停止元素围绕

浮动的图像会影响后面的所有元素,除非插入一个特殊的换行.在常规的br标记中添加clear属性表示:只有清除了指定的外边距,才可以开始显示文本

(已废弃)

4.在图像周围添加空间

属性hspace="x",x表示在图像左右两边添加的空间的像素数.

属性vspace="x",x表示在图像上下添加的空间的像素数

(已废弃)

5.对齐图像

align属性更常见的用途是将图像与文本对齐.

(已废弃)

6.添加水平线

<hr />

7.为网站添加图标

为了与IE兼容,还要添加专用语法:

第6章链接

1.基本链接

2.创建锚

可以让用户跳到页面(不一定是同一张页面)中特定的位置.

eg:href与name对应

<a href="#go">点我跳到特定位置</a>或<a href="xxx.html#go">点我跳到xxx.html页面中的go位置</a>

3.让链接在特定的窗口中打开

a标签的target属性:默认是在原来的页面中打开

target="_blank"表示在全新的窗口打开.

4.设置默认的显示目标

设置让页面上所有的链接指定一个默认打开的方式.

在网页头部分添加

<base target="title "></base>//表示所有链接应在其中打开的窗口或框架的名称.还有显示目标名称是大小写敏感的.换"_blank"试试

5.为链接创建快捷键

在链接标记中,输入accesskey="x",x表示要使用快捷键的按钮的字母或数字.

eg:<a accesskey="w">Alt-w或Ctrl-w</a>

6.为链接设置制表符次序

在连接标记中,输入tabindex="n",n表示用来设置制表符次序的数字.简单说就是按Tab键的顺序

7.将图像划分成可点击区域

</map>

map标签可放在任意位置

在使用的图像上必须添加usemap属性

解释:

shape="type"

type表示形状:rect表示矩形,circle表示圆形,poly表示不规则形状

coords="x1,y1,x2,y2"

x1,y1,x2,y2代表矩形的左上角和右下角的坐标

coords="x,y,r "

x,y,r代表圆形的中心坐标和半径

coords="x1,y1,x2,y2,x3,y3....."

给出多边形上的每个顶点的坐标

转载于:https://www.cnblogs.com/zt102545/p/3321197.html

weixin_30701575

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
【HTML XHTML CSS基础教程(第6版)】笔记之HTML XHTML笔记(1~6章)

第1章网页的构造块1.(X)HTML有三种主要的标记类型:元素,属性,值.2.浏览器主要通过查看文件的扩展名(.htm或.html)来得知应该按照网页的方式读取文本文件.3.HTML与XHTML的区别①.HTML并不在意是否使用了html,head和body元素以及DOCTYPE,而XHTML需要这些.②.HTML允许省略某些结束标记,而XHTML要求...
复制链接

扫一扫