HTML标题
1、在HTML文档中,标题很重要。HTML 标题可以用来呈现文档结构,设置得当的标题有利于用户浏览您的网页
2、标题(Heading)是通过
- 标签进行定义的:定义最大的标题。 定义最小的标题
定义最大的标题。 定义最小的标题
例1:
注:
1、浏览器会自动地在标题的前后添加空行
2、默认情况下,HTML 会自动地在块级元素前后添加一个额外的空行,比如段落、标题元素前后
3、标题很重要:请确保将HTML标题标签只用于标题。不要仅仅是为了生成粗体或大号的文本而使用标题。搜索引擎使用标题为您的网页的结构和内容编制索引。因为用户可以通过标题来快速浏览您的网页,所以用标题来呈现文档结构是很重要的
HTML水平线
标签在HTML页面中创建水平线。hr元素可用于分隔内容,使用该元素产生的水平线可以在视觉上将文档分隔成各个部分
例2:
HTML段落
1、HTML可以将文档分割为若干段落
2、段落是通过 标签定义的
例3:
注:浏览器会自动地在段落的前后添加空行: 是块级元素
HTML折行
1、如果希望在不产生一个新段落的情况下进行换行(新行),请使用
标签
2、在HTML语言中,
标签定义为一个换行符,它可以理解为简单的输入一个空行,而不是用来对内容进行分段
3、
元素是一个空的HTML元素。由于关闭标签没有任何意义,因此它没有结束标签
例4:
属性 | 值 | 描述 |
align | left right center justify |
HTML5不支持。HTML4.01已废弃。不赞成使用,请使用样式取代它,规定段落中文本的对齐方式 |
HTML图像
1、使用标签定义HTML页面中的图像。标签有两个必需的属性:src和alt
2、在HTML中,图像由标签定义。是空标签,意思是说它只包含属性,并且没有闭合标签
3、要在页面上显示图像,你需要使用源属性(src)。src指"source",源属性的值是图像的URL地址(存储图像的位置)
4、浏览器将图像显示在文档中图像标签出现的地方。如果你将图像标签置于两个段落之间,那么浏览器会首先显示第一个段落,然后显示图片,最后显示第二段
5、在浏览器无法载入图像时,替换文本属性告诉读者他们失去的信息。此时,浏览器将显示这个替代性的文本(alt参数的值)而不是图像
定义图像的语法是:
1、src:其值为存储图像的位置
2、alt:用来为图像定义一串预备的可替换的文本
3、height、width:height(高度)与width(宽度)属性用于设置图像的高度与宽度
4、border:可以使用border属性以像素为单位指定边框粗细。厚度为0表示图片周围没有边框
5、align:默认情况下,图像在页面中将显示为左侧对齐,在标签中您可以使用align属性将设置图像的对齐方式:center(居中)或right(右侧)(已废弃)
注:
1、为页面上的图像都加上替换文本属性是个好习惯,这样有助于更好的显示信息
2、指定图像的高度和宽度的一个很好的习惯。如果图像指定了高度宽度,页面加载时就会保留指定的尺寸。如果没有指定图片的大小,加载页面时有可能会破坏HTML页面的整体布局
例5:插入图片
例5_1:排列图片
注:在写含有内嵌标签对时,感觉最好先把外部标签对写好后再写内部标签对
如:我们在写
步骤1:先写外部整个标签对
步骤3:在需要插入的位置处写内嵌标签对:在第一个句号后插入图像标签对
注:
1、首先创建连接标签对:明确链接标签对之间为客户端显示的"文本"
例5_4:创建图像映射
1、标签中的usemap属性与
2、
4、
5、area元素永远嵌套在map元素内部。area元素可定义图像映射内部的区域(图像映射指的是带有可点击区域的图像)
6、要完成图像映射要用到三种标签: 标签、
7、标签对中的shape规定区域的形状;coords规定区域的坐标
HTML格式化标签
1、HTML使用标签 与对输出的文本进行格式。如:粗体or斜体,这些HTML标签被称为格式化标签
2、通常标签替换加粗标签来使用,替换标签使用
3、预格式文本:使用pre标签对来保证输出的格式与写入时的格式一致,主要用于空格和换行
例6: