欢迎来到天天文库
浏览记录
ID:46851366
大小:1.17 MB
页数:48页
时间:2019-11-28
《网站设计与开发技术教程 第2章 HTML标签》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库。
1、HTML常用标签1.什么是HTML(HyperTextMarkupLanguage)语言?HTML(HyperTextMarkupLanguage)语言是一种描述文本的标记性语言。标记是一些字母或单词,并被放在<>中,格式为:<标记>显示内容标记>通过浏览器解释标记的含义,显示文件的内容。当我们第一次启动Dreamweaver时会自动打开一个空文档,点击按钮切换到“显示代码视图”就可以看到一个网页的HTML语言结构。如下图:网页的HTML结构网页的标题头部体部网页的代码结构1.文本段落标记
…
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.列表无序列表无序列表的各个项目可以按任意次序排列,项目之间相互独立。列表的各个项目前使用特定的符号做标记。如下图:无序列表必须由
5、束>。所有的列表项都在
6、以链接到互联网中的任何站点。4.网页中添加图像1在网页中添加图像2使用图像做项目符号3图片超链接返回章目录1在网页中添加图像图像的格式网页中加入图片会使页面更加美观、生动、有吸引力。网页中可以添加的图片文件类型是扩展名为jpg、gif和png的图片文件。图像的位置网页中插入的图片即可以是站点中的图片文件,也可以是互联网中任何网站中的图片文件。添加图像的标记标记可以实现在网页中加入图片。使用标记加入图片时必须指定标记的src属性值来确定图像文件的位置。在网页“显示代码视图”中的代码如下
7、图:插入图像的宽度像素值插入图像的高度像素值固定网页背景图片在标记中的属性bgproperties="fixed"的设置,可以使网页内容长度超过一屏时,在网页内容滚动时背景图片静止不动。2使用图像做项目符号在网页中常常看到列表项的标记不是黑的实心圆点,也不是黑色方块或者空心圆圈。而是彩色的漂亮图片或具有动态效果的动画。如下图:其实很简单,在每一行的文本前都插入一个图片文件即可。不用再设置…
8、…列表标记。在网页“显示代码视图”中的代码如下图:添加的部分3图片超链接很多网页中的图片不仅仅是一张图片,当鼠标指针在图片上方悬停时会变成手型,点击图片后会打开其他的网页或资源。实现这样效果的图片就是给插入的图片添加超链接。图2.22图2.23设置图片超链接的源代码为:图片所设置的超链接插入的图片文件5.表格的基本语法一个表格的所有内容都在
此文档下载收益归作者所有