前军教程网

中小站长与DIV+CSS网页布局开发技术人员的首选CSS学习平台

Java编程基础:HTML中的常见标签有哪些?

上一篇文章,我们知道了什么是 HTML,以及网页的基本架构。但是在网页中是有很多标签的,所以今天我们就来一起认识一下 HTML 中的常见标签吧!。

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

单标签与双标签

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

无属性值: 如: <br /> (换行)

有属性值: 如: <hr width="80%" /> (水平线的宽占参照物的百分之八十)

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

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

如: <title>...</title>

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

如:<font size="7">...</font>

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

标题标签

标题标签:<hx></hx>

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

如下就是标题标签

<h1>我是标题1</h1>

<h2>我是标题2</h2>

<h3>我是标题3</h3>

<h4>我是标题4</h4>

<h5>我是标题5</h5>

<h6>我是标题6</h6>

实际效果图

一般一篇文章只会使用一个 <h1> 标签。

font标签

接下来是 <font> 标签,比如说<font size='5' color='#ff33cc'>

这是一个 font 标签</font>

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

<font size='5' color='#ff33cc'>

效果展示:

段落,格式标签

<p>标签是一个定义段落标签

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

功能 标记
加粗 <b>文本</b>
倾斜 <i>文本</i>
加强语气(加粗) <strong>文本</strong>
加强语气(倾斜) <em>文本</em>
下划线 <u>文本</u>
删除线 <del>文本</del>
上标 <sup>文本</sup>
下标 <sub>文本</sub>

换行 <br/>

执行效果图如下:

超链接标签

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

a标签:我们有时候跳转页面就是a标签实现的<a href="http://www.baidu.com">百度</a>

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

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

源代码

执行效果图

好的,今天就先写这么多了!再见了!

发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言