Java联盟

《编程基础: HTML第二章》中的这些常见标签你应该认识!『小白

2017-08-28  本文已影响0人  Java联盟

作者|李娜前言

*本文为「Java联盟」原创内容,转载无需授权,请保留署名来源。

上一节我们讲到HTML是什么,一个网页的基本架构是怎么样子。但是往往一个网页有很多标签,分别代表不同的含义,当然如果你不懂的话何谈编辑呢?所以这一节,开始讲到HTML中的那些常见标签。

第二节 HTML 中的常见标签

首先我们先来了解一下HTML标签的类型:

HTML标记标签通常被称为HTML标签(HTML TAG)。

1、单标签与双标签

单标签:单个标签<标记名称>

无属性值: 如:
(表示换行)

有属性值: 如:


(表示水平线的宽占参照物的百分之八十)

双标签:两个标签,成对出现。

无属性值: <标记名称>...

如:...

有属性值: <标记名称 属性="属性值">...

如:...

注意:

标签的属性与属性之间以空格分隔,属性不区分先后顺序,且属性不是必需要写的。

然后我们来了解下标题标签。

2、标题标签

标题标签:

其中“x”是1~6的数字代表字体的大小

如下就是标题标签

我是标题1

我是标题2

我是标题3

我是标题4

我是标题5

我是标题6

执行实际效果图如下:

一般一篇文章只会使用一个

标签。

3、font标签

接下来是标签,比如说,这是一个font标签

其中的“ size “是字体的大小属性这里把大小设置为“ 5 ”,“ color ”是 font的颜色属性,可以在editplus中选择。

效果展示:

4、段落,格式标签

标签是一个定义段落标签

p元素会自动在其前后创建一些空白。浏览器会自动添加这些空间,您也可以在样式表中规定。

功能标记

加粗文本

倾斜文本

加强语气(加粗)文本

加强语气(倾斜)文本

下划线文本

删除线文本

上标文本

下标文本

换行

执行效果图如下:

5、超链接标签

这一节的最后介绍一下超链接标签

a标签:我们有时候跳转页面就是a标签实现的

百度

这样的话我们就可以跳转到百度页面了。

最后给大家看看本节所有的源代码以及执行效果图

源代码

执行效果图

好的这里给大家分享了常见的一些标签想要学习到更多的标签知识的小伙伴要记得关注我们的公众号 我们会持续更新有关于HTML的文章的。

当然有什么问题或者需要李娜我给大家分享讲解的地方,可以在留言区留言告诉我,整理后会在公众号里面分享讲解哦!

有疑问?请留言!关注Java联盟微信公众号,看Java要闻!

上一篇 下一篇

猜你喜欢

热点阅读