首页 > Web开发 > 详细

html常用标签及示例

时间:2021-03-01 22:56:31      阅读:31      评论:0      收藏:0      [点我收藏+]

HTML,超文本标记语言,是一种用来描述超文本文档的标记语言,=

超文本文档:在其中可以加入图片、声音、动画、影视等内容,并且可以利用超文本链接从一个文件跳转到网络上其他主机的另一个文件。

HTML文档在普通文本上加上各种标签,使其达到语气的显示效果。

 

 

HTML标签的结构形态(标签的作用范围是<标签>为开始,</标签>为结束)

1)<标签>元素</标签>  

2)<标签 属性名=“属性值”>元素</标签>

3)<标签/>   既是开始标签,也是结束标签   <img src=”ball.gif”  height=”15”   width=”22”/>

 

HTML文档分为文档头和文档体,文档头可省略

技术分享图片
<html>

<head>头部信息,例如标题等</head>

<body>正文部分</body>

</html>
View Code

 

其中<html> </html>html文档的表示,对于.html文档可以不用写,浏览器会默认

例子:

技术分享图片
<html>

<head>

<title>一个简单的HTML示例</title>

</head>

<body>

<center>

<h3>欢迎光临</h3>

<br>

<hr>

<font size="2">

这是我的主页,欢迎大家访问

</font>

</center>

</body>

</html>
View Code

 

HTML常用标签

1 <html>标签

<html>标签用来通知浏览器该文件是html文件,<html></html>标签任意删去一个或全部,不会影响显示效果。

2 <body>标签

tect属性,设定文本颜色

技术分享图片
<html>

<head>

<title>body标签text属性示例</title>

</head>

<body text="red">文本是红色</body>

</html>
View Code

 

bgcolor属性,设定背景颜色

技术分享图片
<html>

<head>

<title>body标签bgcolor属性示例</title>

</head>

<body bgcolor="#00AA33"></body>

</html>
View Code

 

HTML中,颜色可以使用”#RRGGBB”形式的十六进制表示,也可以用单词定义颜色。

Black(黑色)Olive(橄榄色),Teal(黑绿色),Red(红色)Blue(蓝色)Maroon(栗色)Navy(藏蓝色)Gray(灰色)Lime(草绿色)Fuchsia(紫红色)White(白色)Green(绿色)Purple(紫色)Silver(银灰色),Yellow(黄色)Aqua(海蓝色)

注:一般推荐使用样式表代替<body>标签中的text属性和bgcolor属性

 

3 <hn>标签

其中n(1~6)是标签的等级,越小标题字号越大

技术分享图片
<html>

<head>

<title>标题标签示例</title>

</head>

<body>

<p>这是一个演示标签标题的网页</p>

<h1>这是一级标题</h1>

<h2>这是二级标题</h2>

<h3>这是三级标题</h3>

<h4>这是四级标题</h4>

<h5>这是五级标题</h5>

<h6>这是六级标题</h6>

</body>

</html>
View Code

 

 

4 <p>标签和<br>标签

为了是文档排列整齐清晰,文字段落之间常使用<p>标签。<p>标签意味着段落的开始,</p>意味着段落的结束。<p>标签有属性align,设置段落文本的对齐方式,有center(居中)left(靠左)right(靠右)

技术分享图片
<html>

<head> <title>p标签示例</title></head>

<body>

<p align="left">这是第一段,居左显示</p>

<p align="center">这是第二段,居中显示</p>

<p align="right">这是第三段,居右显示</p>

</body>

</html>
View Code

 

 

<br>标签的作用是换行,是一个单标签

技术分享图片
<html>

<head><title>br标签示例</title></head>

<body>

这是第一行<br/>

这是第二行

</body>

</html>
View Code

 

 

<br>强制跳到下一行,可以连续产生效果

<p>产生一行空白,连续使用,只会产生一个效果

 

5 <font>标签

设置文本的字体。

size属性设置字体的大小,有效值1~7,默认为3,可以在size的属性值之前加上+-,表示相对于字号初始值的增量或减量

color属性设置文本的颜色,十六进制或单词

face设置字体文本的字体,可以是本机上的任一字体类型

技术分享图片
<html>

<head><title>font标签的示例</title></head>

<body>

<font size="2" face="华文彩体" color="#008000">这一行是绿色,大小是2的华文彩体字体</font>

</body>

</html>
View Code

 

一般使用样式表替代<font>标签

6 <a>标签

超文本链接标签

href属性定义了这个标签所指的地方

target属性默认为_self,在本窗口打开被链接文档;_blank在新窗口打开被链接文档

链接的默认外观:未被访问的链接带有下划线且是蓝色的;已被访问的链接带有下划线且是紫色的;活动链接带有下划线且是红色的。

技术分享图片
<html>

<head><title>a标签示例</title></head>

<body>

<a href="http://www.baidu.com">百度</a>

</body>

</html>
View Code

 

html常用标签及示例

原文:https://www.cnblogs.com/sunjianzhao/p/14466035.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!