"HTML网页设计基础知识学习专题:标记、表示方法与属性解析"
177 浏览量
更新于2024-01-16
1
收藏 1.35MB PPT 举报
HTML网页设计基础知识学习专题培训课件是一个学习HTML网页设计基础知识的教学材料。该课件详细介绍了HTML网页设计的概述、标记的构成和表示方法以及常用属性等内容。
标记是HTML网页设计中的基本元素,由符号<…>、</…>和括在其中的命令字符串组成。标记分为双标记和单标记两种形式。双标记包括开始标记和结束标记,必须成对出现。例如,<HTML>、</HTML>是文件的开始标记和结束标记;<BODY>、</BODY>是网页内容的开始和结束标记。而单标记只有开始标记而没有结束标记,如标尺线标记<HR>。另外,有些标记如<P>(分段标记)可以写为双标记<P>、</P>,也可以写为单标记<P>。
HTML的标记有三种表示方法:一种是<标记名>文本</标记名>,其中文本是标记显示的内容;第二种是<标记名 属性名1=”值1” 属性名2=”值2” …>文本</标记名>,其中属性用来修饰和说明标记,可以设置颜色、对齐方式、高度和宽度等;第三种表示方法是仅用于一些特殊的标记,例如<BR>表示强制换行,它没有与之对应的</BR>。
标记的属性是用来修饰和说明标记的,放在开始标记内。属性可以设置标记的对齐方式、颜色、高度和宽度等。各属性之间以空格分隔。常用的对齐属性有align,可以设置标记的对齐方式为left(左对齐,默认值);center(居中对齐);right(右对齐)。
除了对齐属性之外,还有许多其他的属性可以用来设置标记的显示效果。常见的属性有:
1.颜色属性(color):可以设置文本的颜色。
2.字体属性(face):可以设置文本的字体。
3.大小属性(size):可以设置文本的大小。
4.背景属性(background):可以设置背景图片或颜色。
5.链接属性(href):可以设置链接的目标。
6.图片属性(src):可以插入图片。
7.行距属性(line-height):可以设置行距。
8.边距属性(margin):可以设置标记的外边距。
9.边框属性(border):可以设置标记的边框样式。
10.宽度属性(width):可以设置标记的宽度。
上述是HTML网页设计中常用的属性,通过设置这些属性,可以调整标记的样式和布局,使网页更加美观和易于阅读。
总结而言,HTML网页设计基础知识学习专题培训课件是一份详尽的教学材料,通过学习该课件可以了解HTML网页设计的概述、标记的构成和表示方法,以及常用属性的设置。掌握这些基础知识可以帮助学习者设计出美观、功能齐全的网页。
2010-02-24 上传
matlab大师
- 粉丝: 2785
- 资源: 8万+
最新资源
- Accuinsight-1.0.31-py2.py3-none-any.whl.zip
- 图上的交互式回归:通过手动选择回归区域对图中的绘制数据执行回归。-matlab开发
- ranvid:视频租赁店
- .NET网上鲜花销售系统的ASP毕业设计(源代码+论文).zip
- 转移学习
- MyWorks:这是我工作的地方
- fastformer:fastformer模型,数据和培训代码
- ShiroExploit-Deprecated:Shiro550Shiro721一键化利用工具,支持多种回显方式
- 基于PHP的最新小储云商城V1.782免授权PHP源码.zip
- numeric-expression-parser:可以处理歧义的数字表达式的解析器。 它可以在前缀和后缀中转换中缀表示法,并可以评估结果
- 神经控制教程 - 灵活旋转关节的应用:西班牙语教程,关于神经控制。 仅用于学术和教育用途。-matlab开发
- VS2019插件:ClaudiaIDE+ColorThemeEditor.rar
- templates:模板和脚本
- aabbtree-2.7.0-py2.py3-none-any.whl.zip
- Blue_Dentures:终极蓝牙伴侣计划。一套用于蓝牙的数字假牙
- 无 RS 码的 ofdm 传输与数字调制技术的比较:这是 OFDM 传输,无需 RSCode。也通过数字调制技术(bpsk,-matlab开发