web期末考html和css

前言:俺也不知道期末考会考啥,但是想来想去还是在这写点html和css的文字显示技巧吧,万一考了呢。

一、什么是HTML

HTML(超文本标记语言)是一种用于创建网页的标准标记语言,它被广泛应用于Web开发中,主要用于结构化文档的分离、内容与表现的分离和动态交互的实现等方面。

二、文字显示的常用标签

1、标题标签(H1-H6)

标题标签是用来展示文章结构的标签,一般按照从大到小的顺序使用,H1代表最大的标题,H6代表最小的标题。

示例代码:

```

这是H1标题

这是H2标题

这是H3标题

这是H4标题

这是H5标题

这是H6标题

```

2、段落标签(p)

段落标签是用来展示文章正文内容的标签,自动排版且每段之间会有一定的间距。

示例代码:

```

这是第一段正文

这是第二段正文

```

3、加粗标签(strong)

加粗标签是用来加粗文本内容的标签,常用于强调关键词。

示例代码:

```

这个 关键词 很重要

```

4、斜体标签(em)

斜体标签是用来将文本内容设置为斜体的标签,常用于强调文本的情感和情绪。

示例代码:

```

我非常 喜欢 这个网站

```

5、删除线标签(del)

删除线标签是用来添加文字删除线的标记的标签。

示例代码:

```

我不再 喜欢 那个人了

```

6、下划线标签(u)

下划线标签是用来为文本内容添加下划线的标签,但在实际应用中较少使用,被用于超链接或者替代伪装下划线。

示例代码:

```

这句话需要下划线:文本内容

```

7、引用标签(blockquote)

引用标签是用来展示一段引用内容或者引用另一篇文章内容的标签。

示例代码:

```

引用内容

引用来源

```

三、文字显示的常用CSS属性

1、文字颜色(color)

color属性用于设置文本颜色,可以使用颜色名称或者颜色值来设置。

示例代码:

```

p {

color: red;

}

```

2、文字大小(font-size)

font-size属性用于设置文本大小,可以使用像素(px)、百分比(%)、文字大小(em)等方式来设置。

示例代码:

```

p {

font-size: 16px;

}

```

3、字体样式(font-style)

font-style属性用于设置字体样式,包括斜体(italic)、正常(normal)和倾斜(oblique)等。

示例代码:

```

p {

font-style: italic;

}

```

4、字体加粗(font-weight)

font-weight属性用于设置文本加粗程度,可以设置normal、bold、bolder和lighter等值。

示例代码:

```

p {

font-weight: bold;

}

```

5、文本水平对齐(text-align)

text-align属性用于设置文本的水平对齐方式,包括left、center和right等。

示例代码:

```

p {

text-align: center;

}

```

6、文本垂直对齐(line-height)

line-height属性用于设置行高,可以使得文本在行中垂直对齐。

示例代码:

```

p {

line-height: 1.2;

}

```

7、下划线(text-decoration)

text-decoration属性用于设置下划线,包括underline、overline、line-through等值。

示例代码:

```

p {

text-decoration: underline;

}

```

四、结语

好啦,以上就是html和css的文字显示技巧啦。当然啦,这只是一个简要的介绍,实际开发中还有更多的标签和属性可以使用,需要大家在实际操作中不断探索。为了达到更好的效果,我们在使用这些标签和属性的时候,还要注意它们的语法和兼容性。加油吧,同学们,相信大家都可以轻松应对期末考试的挑战! 如果你喜欢我们三七知识分享网站的文章, 欢迎您分享或收藏知识分享网站文章 欢迎您到我们的网站逛逛喔!https://www.ynyuzhu.com/

点赞(3) 打赏

评论列表 共有 0 条评论

暂无评论
立即
投稿
发表
评论
返回
顶部