HTML语言基础-.pdf

《HTML语言基础-.pdf》由会员分享，可在线阅读，更多相关《HTML语言基础-.pdf（7页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、HTML语言基础.txt真正的好朋友并不是在一起有说不完的话题，而是在一起就算不说话也不会觉得尴尬。你在看别人的同时，你也是别人眼中的风景。要走好明天的路，必须记住昨天走过的路，思索今天正在走着的路。示例一/告诉浏览器这是HTML文件的头 夜雨寄北-HTML简单示例/设置浏览器顶端的标题 夜雨寄北 李商隐 君 未 归 期 未 有 期,巴 山 夜 雨 涨 秋池,/是分段标记，段之间的距离较大，相当于换行后又多一行何当共剪西窗烛,却话巴山夜雨时。/表示该段落内的内容居中对齐，left(左对齐)，center(居中对齐)，right(右对齐)/表示 HTML到此结束=标准的 HTML文件结构一、Co

2、ntent-Type 用法：作用:设定页面所使用的字符集Refresh 用法：作用：表示网页将在8s 内跳转到URL为 http:/的网页Page-Enter/Page-Exit 用法：作用：设定进入和离开页面时的特殊效果，即“网页过度”功能。其中，Duration表示持续时间，以秒(s)为单位。Transition表示使用哪种特效，取值为 123，如实例 metaequiv.html 以上为 http-equiv的头部协议，他以回应给浏览器一些有用的信息，以帮助正确和精确地显示网页内容二、description 用法：作用：用来告诉搜索引擎你的网站的主要内容keywords 用法：作用：用来

3、告诉搜索引擎你的网页关键字是什么author 用法：作用：用来标注网页的作者以上是 name属性，使用meta 的 name和 content属性来索引的页面。三、.是 HTML 文档的主体部分，用来标识HTML文档的正文信息，网页正文中所有内容包括文字，图像，表格，声音和动画等都包含在这对标记对之间，他还可以通过属性设置设置来调整整个文档的背景色，正文和超链接的显示颜色等基本属性。如：,则网页背景颜色将变为绿色。=HTML基本标记与属性一、2-3html 1级标题 2级标题 3级标题 4 级标题 5 级标题 6 级标题 /h1-h6表示 6 个级别的标题。二、2-3html 这是第一段 用到

4、了换行标签 请看效果 仍然是第一段，但用到了水平线 这是第二段，用到了一个红色的水平线 这是第三段 水平线标记的属性包括width,color,align,size,noshade等，分别用来设置水平线的宽度，颜色，对齐方式，高度和无阴影效果等。如:或将颜色属性值设置为RGB混合模式，如,需要注意的是 和 标记属于HTML 中的单标记，在使用时不需要结束标签，在XHTML 中，和 标记需要合理的标记。三、字体标记 2-4html 华文行楷 Times New Roman 字体六 缺省字体大小 缺省字体+3 黑体 蓝色字体 十六进制红色字体 有序列表 新浪 雅虎 百度 搜狐 若配合使用，则为无序

5、列表 香蕉 苹果 桂圆 西瓜 四、div与 span 的区别 div标记不同行：span标记同一行：五、如：相对路径 注意：如果源文件和引用文件在同一个目录下，同一个目录的文件引用方式：src=*.*。如果引用下级目录的文件，直接写下级目录文件的路径即可，即：src=当前文件夹名/*.*。如果引用上一级目录，即：src=./当前文件夹名/*.*。./表示源文件所在目录的上一级目录,././表示源文件所在目录的上上级目录，以此类推。img属性示例 左边是设置了左右两侧空白并加边框后的原始图像 右边是设置了右对齐并修改了高度和宽度的图像 背景图像 (或,这是利用CSS 样式的方式来设置图像背景。)

6、文字可以写在背景图像上 利用 标签设置背景颜色为绿色 =超链接创立超链接的格式如下：网页中被链接的文本或图片 当 target=_self时，表示在原窗口显示链接页面；当target=_blank时，表示在新开窗口显示链接页面；当 target=_parent时，表示在上一级窗口中打开；当 target=_top时，表示在浏览器的整个窗口中打开忽略任何框架。超链接实例 超链接 单击这里链接到百度(链接的目标是一个网络 URL,这是外部链接)单击这里链接到本地网页hyperlink(链接的是本地的一个网页，是内部链接)单击这里激活邮件超链接(激活后直接调用用户计算机上的默认邮件收发工具如Outl

7、ook/Foxmail等。)单击下载大图 =表格 表格的基本标记 姓名 班级 成绩 张三 一班 95 表格属性 Guen BoA 专辑 照片 历程 档案 td colspan=4align=center 注意：align属性指定表格在窗口中的对齐方式，也可以为某一行或某一个单元格内容的水平对齐方式，其值可以是 left/center或 right，valign属性指定某一行或某一个单元格内容的垂直对齐方式，有top,middle,bottom和 baseline,代表顶端对齐，居中对齐，底部对齐和基线对齐。cellspacing=0colspan=4前者 cellspacing用来设置单元格的

8、间距，cellpadding用来设置单元格的边距，即指定单元格里的内容(文本，图像等)距离单元格边框的距离，colspan属性值表示当前单元格跨越的列数，同样还有rowspan 属性可以用来表示当前单元格跨越的行数。作用：设置表格的边框为10px,蓝色，单元格间距为5px,图片距离单元格边框边距为10px =框架一个是框架集,另一个就是框架,前者标签中并不包含文本、图形等内容。框架结构实例 注意：通过 cols 属性和 rows 属性来将一个窗口划分为多个框架。使用 cols属性，用于左右分割窗口，各个框架窗口的宽度值中间用“，”分割，单位可以是百分数，绝对像素值或“*”号，其中“*”号表示剩

9、余部分；使用rows 属性，用于上下分割窗口，各个框架窗口的高度值设置同cols 属性写法相同，标签用于设定单个框架页面，其中，src 属性用于设定载入框架的网页的路径和文件名。name 设定这个框架的名称，设定了name 属性后才能指定这个框架作为链接目标。frameborder用于设定框架边框，其值只有0和 1 两种，0 就是不要边框，1 就是要显示边框，scrolling设定是否要显示滚动条效果，值为yes 表示显示卷轴，no 表示不显示，auto 表示视情况而定，noresize=noresize用于设定禁止用户调整框架尺寸，如果没有设定这个参数，用户可以很容易地拖曳框架窗口改变各框架的显示比例。左边链接页面 b.html 显示图片 返回 嵌入式框架 嵌入式框架 精品展示