第2讲HTL标记详解.ppt

设置页面边距—topmargin leftmargin rightmargin bottommargin 通过设置页边距属性来设置网页显示的内容与浏览器边框的距离。一般我们只设置top 和 left ，因为我们习惯从左上角来定义坐标。 基础语法： body topmargin=“0px” leftmargin=“10px” rightmargin =“10px” bottommargin=“200px” nbsp; nbsp;这是我做的一个测试。 /body text—设置正文颜色 设置网页中文字颜色，其中不包括超链接文本的颜色。与basefont中color属性不同的是，text属性不能设置超链接文本的颜色。 课后综合练习 3.字体和段落 1.添加注释!-- --或comment 说明：为了增加网页代码的可读性，或者对一些关键代码的保护，我们会使用到这个注释标签。写在注释标签内的信息将不会被浏览器显示。注释语句可以出现在任何地方。 注意：注释对css样式代码无效。 基础语法： !-- font color=red skdhfksjhfkshfk /font -- 例：2.3.1 2.常用特殊转义字符 3.标题字体h # 型号为可变数值 /h# 说明： 设置标记中间的文字为标题样式。这些标题内容显示为黑体字。会在内容前后自动插入一个空行，相当于使用了p 标记。因此在一行中无法使用不同大小的字体。 基础语法：h# 今天天气很好/h# #=1,2,3,4,5,6 其中h1最大，h6最小 物理字体(Physical Style) b/b 为文本内容加粗 i/i 设置文本内容为斜体 u/u 为文本内容加上下划线 tt/tt 打印机风格显示文本 sup/sup 设置文本为上标 sub/sub 设置文本为下标 s/s 为文本添加删除线 strike/strike 为文本添加删除线 html head title/title basefon size=5 color=red /head body xsup2/sup-3x+2=0 /br 解：xsub1/sub=1;xsub2/sub=2 /body /html 逻辑字体(Logical Style) em今天天气真好！/em strong今天天气真好！/strong code今天天气真好！/code kbd今天天气真好！/kbd var今天天气真好！/var dfn今天天气真好！/dfn cite今天天气真好！/cite 这些标签不太常用，没事别乱用。要求知道就好。 em标签告诉浏览器把其中的文本表示为强调的内容。对于所有浏览器来说，这意味着要把这段文字用斜体来显示。 strong标签和 em 标签一样，用于强调文本，但它强调的程度更强一些。 浏览器通常会以不同于 em 标签的方式来显示 strong 标签中的内容，通常是用加粗的字体来显示其中的内容，这样用户就可以把这两个标签区分开来了。 code标签用于表示计算机源代码或者其他机器可以阅读的文本内容。 kbd标签定义键盘文本。 var 标签表示变量的名称，或者由用户提供的值。 var 标签是计算机文档中应用的另一个小窍门，这个标签经常与 code 和 pre 标签一起使用，用来显示计算机编程代码范例及类似方面的特定元素。 dfn对于网页上的技术性文档中，第一次出现的新的术语进行描述时，将其与普通文本区别分开，而使用dfn来强调。 cite表示包含的文本对某个参考文献的引用，比如书籍或杂志的名字。 font 设置字体样式 编辑网页文字的样式，主要是设置文字的字体、字号、颜色等属性。一般编辑特定位置的文本，而basefont设置的是整个网页中所有文字的样式，且为单标签。 基本语法： font size=“” color=“” face=“” 要修饰的文字！ /font html head title/title /head body font size=“5” color=“red” face=“华文行楷”这是一个测试。/font /body /html pre 预格式化/pre 利用pre标记对网页中文字段落进行预格式化，可以将网页编辑过程中的回车和空格等格式进行定义。 基础语法： pre 登鹳鹊楼 由tab键也有空格键也有回车。 百日依山尽， 黄河入海流。 欲穷千里目， 更上一层楼。 /pre center/center居中显示文字 将网页中的文字居中对齐，甚至图片或其他对象都可以用到居中对齐标记center。最好把要居中的内容都放在一个center和/center中间。 bloc