网站设计与开发技术教程 第2章 HTML标签

网站设计与开发技术教程 第2章 HTML标签

ID:46851366

大小:1.17 MB

页数:48页

时间:2019-11-28

网站设计与开发技术教程 第2章 HTML标签_第1页
网站设计与开发技术教程 第2章 HTML标签_第2页
网站设计与开发技术教程 第2章 HTML标签_第3页
网站设计与开发技术教程 第2章 HTML标签_第4页
网站设计与开发技术教程 第2章 HTML标签_第5页
资源描述:

《网站设计与开发技术教程 第2章 HTML标签》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库

1、HTML常用标签1.什么是HTML(HyperTextMarkupLanguage)语言?HTML(HyperTextMarkupLanguage)语言是一种描述文本的标记性语言。标记是一些字母或单词,并被放在<>中,格式为:<标记>显示内容通过浏览器解释标记的含义,显示文件的内容。当我们第一次启动Dreamweaver时会自动打开一个空文档,点击按钮切换到“显示代码视图”就可以看到一个网页的HTML语言结构。如下图:网页的HTML结构网页的标题头部体部网页的代码结构1.文本段落标记

2.

2、字体格式:标记有3个属性分别用于控制字体的颜色、样式和大小。(1)size属性:其值越大显示的文字越大,字号大小有7个等级,默认为3。可以直接使用字号设置字体的大小,也可以使用+1、-2等数值来指定字号的大小,这表示它比默认的3号字体的大1号和小2号,即4号和1号字。例如:杭州世界动漫节(2)color属性color属性用于控制内的文字颜色,默认字体的颜色是黑色。可以使用Color属性来改变字体的颜色,

3、其值可以是颜色的名称或是一组十六进制的数值。例如:杭州世界动漫节杭州世界动漫节(3)face属性用来指定字体的样式。中文默认字体是“宋体”,英文字体是“TimeNewRoman”,使用face属性设置字体时,可以使用多个字体名称作为face的属性值。当浏览器显示含有多个字体的网页时,浏览器将逐个搜索系统字体以得到匹配。例如:杭州世界动漫节

4、平行线地址信息3.列表无序列表无序列表的各个项目可以按任意次序排列,项目之间相互独立。列表的各个项目前使用特定的符号做标记。如下图:无序列表必须由

    标记开始,
标记结束。所有的列表项都在
    ……
标记中。列表中的项目由
  • 标记定义,项目的条数由
  • 的个数确定。
    • 列表项目1
    • 列表项目2
    • 列表项目3……
    下图是源代码:有序列表 有序列表是将列表的中的各项进行编号,各个项目之间有一定的逻辑次序。有序列表由
      标记开始,
    标记结

    5、束>。所有的列表项都在

      ……
    标记中。列表中的项目由
  • 标记定义,项目的条数由
  • 的个数确定。
    1. 列表项目1
    2. 列表项目2
    3. 列表项目3……
    源代码如下图:4.使用超链接..链接接到站点中的其他网页网页在浏览器中打开后,网页中的超文本链接通常显示为蓝颜色,带下划线的文本。下图是一个超链接的示例网页。超链接代码,设置格式为:描述文字链接到互联网中的某一资源超链接不仅可以链接到指定的站点内的资源,也可

    6、以链接到互联网中的任何站点。4.网页中添加图像1在网页中添加图像2使用图像做项目符号3图片超链接返回章目录1在网页中添加图像图像的格式网页中加入图片会使页面更加美观、生动、有吸引力。网页中可以添加的图片文件类型是扩展名为jpg、gif和png的图片文件。图像的位置网页中插入的图片即可以是站点中的图片文件,也可以是互联网中任何网站中的图片文件。添加图像的标记标记可以实现在网页中加入图片。使用标记加入图片时必须指定标记的src属性值来确定图像文件的位置。在网页“显示代码视图”中的代码如下

    7、图:插入图像的宽度像素值插入图像的高度像素值固定网页背景图片在标记中的属性bgproperties="fixed"的设置,可以使网页内容长度超过一屏时,在网页内容滚动时背景图片静止不动。2使用图像做项目符号在网页中常常看到列表项的标记不是黑的实心圆点,也不是黑色方块或者空心圆圈。而是彩色的漂亮图片或具有动态效果的动画。如下图:其实很简单,在每一行的文本前都插入一个图片文件即可。不用再设置

      8、…

    列表标记。在网页“显示代码视图”中的代码如下图:添加的部分3图片超链接很多网页中的图片不仅仅是一张图片,当鼠标指针在图片上方悬停时会变成手型,点击图片后会打开其他的网页或资源。实现这样效果的图片就是给插入的图片添加超链接。图2.22图2.23设置图片超链接的源代码为:图片所设置的超链接插入的图片文件5.表格的基本语法一个表格的所有内容都在……
    当前文档最多预览五页,下载文档查看全文

    此文档下载收益归作者所有

    当前文档最多预览五页,下载文档查看全文
    温馨提示:
    1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
    2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
    3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
    4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。