第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>
        <title></title>
    </head>
    <body>
    </body>
</html>
 
3.创建分级标题
<hn></hn>这里的n是1~6的数字,这个数字取决于你创建的标题的级别
 
4.创建新段落
<p></p>
 
5.创建行内span
<span></span>
 
6.创建换行
<br />
 
7.添加注释
<!--      -->
 
8.给元素添加标签
使用title属性给元素添加标签
跟alt属性差不多
 
 
 
 
第4章 基本(X)HTML格式化
1.以粗体或斜体显示文本
粗体:<b></b>
斜体:<i></i>
 
2.修改文本大小
<big></big>
<small></small>
具有累加效果
 
3.使用等宽字体
<code></code>
<tt></tt>
<kbd></kbd>
<samp></samp>
不太常用的
 
4.使用预格式化的文本
通常,浏览器会将所有额外的回车和空白压缩,并且根据窗口宽度自动换行.预格式化的文本使你能够保持原来的换行和文本中插入的空白.
<pre></pre>
 
5.引述文本
引述块级文本
<blockquote></blockquote>
引述行内文本
<q></q>
 
6.创建上标和下标
上标:<sup></sup>
下标:<sub></sub>
 
7.标出修改过的文本
下划线: <ins></ins>
删除线: <del></del>
虚线下划线: <abbr></abbr>或<acronym></acronym>
 
8.让元素居中
<center></center>
相当于
<div align="center"></div>

align(已废弃)
 
 
 
 
第5章 图像
1.基本标签属性
<img src="图像地址" alt="替换文本" />
 
2.让图像浮动
可以使用align属性(只使用left和right值)让图像浮动到页面的一边,让文本其他元素围绕在它周围

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

(已废弃)
 
4.在图像周围添加空间
属性hspace="x",x表示在图像左右两边添加的空间的像素数.
属性vspace="x",x表示在图像上下添加的空间的像素数
(已废弃)
 
5.对齐图像
align属性更常见的用途是将图像与文本对齐.
(已废弃)
6.添加水平线
<hr />
 
7.为网站添加图标
<link rel="icon" href="图标位置" type="image/x-icon">
为了与IE兼容,还要添加专用语法:
<link rel="shortcut icon" href="图标位置" type="image/x-icon">
 
 
 
 
第6章 链接
1.基本链接
<a href="地址"></a>
 
2.创建锚
可以让用户跳到页面(不一定是同一张页面)中特定的位置.
eg:href与name对应
<a href="#go">点我跳到特定位置</a>或<a href="xxx.html#go">点我跳到xxx.html页面中的go位置</a>
<a name="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 name="引用名" >
<area alt="描述该区域会发生什么" shape="type" coords="x1,y1,x2,y2" />
</map>
<img usemap="#引用名" />
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....."
给出多边形上的每个顶点的坐标

【HTML XHTML CSS基础教程(第6版)】笔记之HTML XHTML笔记(1~6章)的更多相关文章

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

      第7章 CSS构造块   1.在样式表中添加注释 /*内容*/   2.CSS颜色 rgb(红,黄,蓝) 这三个参数可以用百分号:rgb(35%,0%,50%); 也可以用数字,如上代码就相当于r ...

  2. (转)第一天　XHTML CSS基础知识 文章出处：标准之路(http://www.aa25.cn/div_css/902.shtml)

    欢迎大家学习<十天学会web标准>,也就是我们常说的DIV+CSS.不过这里的DIV+CSS是一种错误的叫法,建议大家还是称之为web标准. 学习本系列教程需有一定html和css基础,也 ...

  3. 《HTML5与CSS3基础教程(第8版)》

    <HTML5与CSS3基础教程(第8版)> 基本信息 原书名:HTML and CSS:visual quickstart guide 作者: (美)Elizabeth Castro    ...

  4. HTML5与CSS3基础教程(第7版) 高清PDF扫描版​

    HTML5与CSS3基础教程(第7版)试读不仅介绍了文本.图像.链接.列表.表格.表单.多媒体等网页元素,也介绍了如何为网页设计结构.布局,添加动态效果.格式化等形式,此外还涉及调试和发布.聚合和吸引 ...

  5. HTML5与CSS3基础教程(第8版) PDF扫描版​

    <HTML5与CSS3基础教程(第8版)>自第1版至今,一直是讲解HTML和CSS入门知识的经典畅销书,全面系统地阐述HTML5和CSS3基础知识以及实际运用技术,通过大量实例深入浅出地分 ...

  6. DIV+CSS专题：第一天　XHTML CSS基础知识

    欢迎大家学习<十天学会web标准>,也就是我们常说的DIV+CSS.不过这里的DIV+CSS是一种错误的叫法,建议大家还是称之为web标准.   学习本系列教程需有一定html和css基础 ...

  7. Python基础教程(第2版 修订版) pdf

    Python基础教程(第2版 修订版) 目录 D11章快速改造:基础知识11.1安装Python11.1.1Windows11.1.2Linux和UNIX31.1.3苹果机(Macintosh)41. ...

  8. CSS基础教程 -- 媒体查询屏幕适配

    响应式布局 Media Query 的使用方法 在上例中, 我们使用Media Queries来根据3种不同尺寸的窗口使用3种不同的样式.通过不同的媒体类型和条件定义样式表规则,媒体查询让CSS可以更 ...

  9. Python基础教程-第3版(文字版) 超清文字-非扫描版 [免积分、免登录]

    此处免费下载,无需账号,无需登录,无需积分.收集自互联网,侵权通知删除. 点击下载:Python基础教程-第3版 备用下载:Python基础教程-第3版

随机推荐

  1. Tomcat普通用户启动注意事项

    今天项目部署上线,老大跟我建议说不要使用root用户部署,试用普通用户运行.刚开始没想什么,后来部署的时候碰到各种权限问题. 记录一下,以防忘记了. 1.使用普通用户启动失败. 首先不用想就去＄TOM ...

  2. 基于redis的IP地址快速查询

    在一些大数据处理中,我们需要用到IP地址查询,一般为了查询一个IP属于哪个地址,我们通常需要根据一个IP数据库来查询,网络上比较常用的IP库是纯真IP数据库.IP数据库里面的记录一般存储方式为IP的开 ...

  3. （5）RARP：逆地址解析协议

    一.简介 无盘系统的RARP实现过程是从接口卡上读取唯一的硬件地址,然后发送一份RARP请求(一帧在网络上广播的数据),请求某个主机响应该无盘系统的IP地址(在RARP应答中).感觉这个过程和上一章中 ...

  4. javascript之函数篇

    1.我们都知道定义函数有两种方式:函数声明和函数表达式(其实还有Function构造函数方式,不推荐使用) 如: 声明方式:function sum(num1,num2){returm num1+nu ...

  5. Unable to resolve module LinkedStateMixin

    由于前面reactive文件夹的删除,导致运行程序的时候出现Unable to resolve module LinkedStateMixin 的错误. 搞了好久都没办法解决,看来不深入其中,无法解决 ...

  6. view 与layer

      文章出处:http://blog.csdn.net/iukey 一.添加 Quartz Core 框架 要使用 Quartz Core 框架,你需要将其添加到你的工程中 . 然后  #import ...

  7. Android设计模式系列-单例模式

    单例模式,可以说是GOF的23种设计模式中最简单的一个. 这个模式相对于其他几个模式比较独立,它只负责控制自己的实例化数量单一(而不是考虑为用户产生什么样的实例),很有意思,是一个感觉上很干净的模式, ...

  8. Sql Server 存储过程使用技巧

    1.创建带Try...Catch的存储过程模板 Copy下面的代码,然后新建查询,就可以写sql语句,执行完后,一个你自己的存储过程就建立好了! USE [DB]--设定对应的数据库 GO SET A ...

  9. Eclipse+Maven构建web项目及部署时Maven lib依赖问题的解决

    目录 Eclipse中m2e插件构建web项目的步骤 Maven工具构建web项目再导入Eclipse的步骤 [一].Eclipse中m2e插件构建web项目的步骤 第一步:创建项目,按照 New – ...

  10. cocos2d-x 纹理研究

    转自:http://blog.csdn.net/qq51931373/article/details/9119161 1.通常情况下用PVR格式的文件来进行图片显示的时候,在运行速度和内存消耗方面都要 ...