HTML基本标签有哪些

在此教程中,我先讲一下Html的4个基本标签:

1.<html></html>
 

 

2.<head></head>
 

 

3.<body></body>
 

 

4.<title></title>

 

1.<html></html>

<html>标志用于Html文档的最前边,用来标识Html文档的开始。而</html>标志恰恰相反,它放在Html文档的最后边,用来标识Html文档的结束,两个标志必须一块使用。

2.<head></head>

<head>和</head>构成Html文档的开头部分,在此标志对之间可以使用<title></title>、<script></script>等等标志对,这些标志对都是描述Html文档相关信息的标志对,<head></head>标志对之间的内容是不会在浏览器的框内显示出来的。两个标志必须一块使用。

3.<body></body>

<body></body>是Html文档的主体部分,在此标志对之间可包含<p>、</p>、 <h1>、</h1>、<br>、<hr>等等众多的标志,它们所定义的文本、图像等将会在浏览器的框内显示出来。两个标志必须一块使用。<body>标志中还可以有以下属性:

 

属性                                                               用途                                                                   实例

 

<body bgcolor="#rrggbb">                    设置背景颜色。                                   <body bgcolor="red">红色背景
 

 

<body text="#rrggbb">                            设置文本颜色。                                   <body text="#0000ff">蓝色文本
 

 

<body link="#rrggbb">                            设置链接颜色。                                   <body link="blue">链接为蓝色
 

 

<body vlink="#rrggbb">                          设置已使用的链接的颜色。                <body vlink="#ff0000">
 

 

<body alink="#rrggbb">                         设置正在被击中的链接的颜色            <body alink="yellow">

说明:以上各个属性可以结合使用,如<body bgcolor="red" text="#0000ff">。引号内的rrggbb是用六个十六进制数表示的RGB(即红、绿、蓝三色的组合)颜色,如#ff0000对应的是红色。此外,还可以使用Html语言所给定的常量名来表示颜色:Black、White、Green、Maroon、Olive、Navy、Purple、Gray、Yellow、Lime、Agua、Fuchsia、Silver、Red、Blue和Teal,如<body text="Blue">表示<body></body>标志对中的文本使用蓝色显示在浏览器的

框内。

 

4.<title></title>

使用过浏览器的人可能都会注意到浏览器窗口最上边蓝色部分显示的文本信息,那些信息一般是网页的“主题”,要将您的网页的主题显示到浏览器的顶部其实很简单,只要在<title></title>标志对之间加入您要显示的文本即可。注意:<title></title>标志对只能放在<head></head>标志对之间。

 

下面是一个综合的例子,仔细阅读,您便可以了解以上各个标签在一个Html文档中的正确使用方法了。

例1 Html文档中基本标签的使用:

<html>
 

 

<head>
 

 

<title>显示在浏览器最上边蓝色条中的文本</title>
 

 

</head>
 

 

<body bgcolor="red" text="blue">
 

 

<p>红色背景、蓝色文本</p>
 

 

</body>
 

 

</html>

 

说明:如果你从没接触html,不知怎样实现这个例子,可以这样做:

1.单击"开始"→"程序"→"附件"→"记事本"

2.将上方的蓝色html代码输入记事本中,单击记事本的"文件"菜单,选"保存"命令.

3.在弹出的"保存"对话框中,"保存位置"我们选D:盘,文件名我们输入abc.htm或abc.html(注意:记事本默认的扩展名是.txt,这里一定要改成.htm或.html),下方的"保存类型"列表框中选"所有文件",单击"保存"按钮.

4.在浏览器中打开我们保存的文件,即可。

时间: 2024-09-17 04:34:00

HTML基本标签有哪些的相关文章

了解360极速浏览器标签和窗口快捷键

打开新窗口:Ctrl+N 打开新标签:Ctrl+T 打开隐身浏览窗口:Ctrl+Shift+N 打开文件:Ctrl+O 在后台新标签中打开链接:Ctrl+点击链接.鼠标中键(或鼠标滚轮)点击链接 在前台新标签中打开链接:Ctrl+Shift+点击链接.Shift+鼠标中键(或鼠标滚轮)点击链接 在新窗口中打开链接:Shift+点击链接 切换到下一个标签:F3.Ctrl+Tab.Ctrl+PgDown 切换到上一个标签:F2.Ctrl+Shift+Tab.Ctrl+PgUp 切换到标签栏上第几个标

大神们!!百度地图api中标签信息的抓取啊。前js后C#。

问题描述 大神们!!百度地图api中标签信息的抓取啊.前js后C#. 是这样的,一个地图api的调用,我需要获取到百度地图api上的搜索出来的信息,可是获取不到啊啊啊... 解决方案 js版的百度地图还是其他版本的? js版本的,C#是运行于服务器端的,无法直接获取客户端的数据.js搜索后你自己即那个解码后的信息用ajax回发到服务器进行获取

Html5 CSS3新标签解释及用法

HTML 5 是一个新的网络标准,目标在于取代现有的 HTML 4.01, XHTML 1.0 and DOM Level 2 HTML 标准.它希望能够减少浏览器对于需要插件的丰富性网络应用服务(plug-in-based rich internet application,RIA),如Adobe Flash, Microsoft Silverlight, 与 Sun JavaFX 的需求. HTML 5 提供了一些新的元素和属性,反映典型的现代用法网站.其中有些是技术上类似 <div> 和

标签-Java如何在图片上添加文字

问题描述 Java如何在图片上添加文字 小白没事干想P图玩 然后想在文字上加字 发现如果用标签那么两者是分开的 如果把文字也弄做一个标签的话会被图片遮盖 希望各位大大能赐教我如何把文字添加在图片上 谢谢 解决方案 java?给图片添加文字 最近开发中要实现给图片加文字功能,本打算用Jmagick实现的,可是中文出现乱码,没有找到解决办法,就用 最原始的方法实现了,如果随知道Jmagick图片解决中文乱码问题,可以告诉我,谢谢!!! public?class?d?{? public?static?

webview加载html,a标签超链接禁止跳转

问题描述 webview加载html,a标签超链接禁止跳转 webview加载html,a标签超链接禁止跳转 webview加载html,a标签超链接禁止跳转 webview加载html,a标签超链接禁止跳转 webview加载html,a标签超链接禁止跳转 webview加载html,a标签超链接禁止跳转 解决方案 shouldOverrideUrlLoading方法 return true 解决方案二: 简单,你在setWebViewClient()方法中把你的连接过滤掉就行了.

html css-怎样让a标签垂直居中显示

问题描述 怎样让a标签垂直居中显示 我有一个div,里面放了一个img 和一个a标签,图片在标签的后面,图片的宽度把div撑大,现在我想让我的a标签在div里面垂直居中显示,或者说是控制这个连接在图片右侧的上下(垂直)位置,应该怎样实现啊??各位大神,求解答...... 解决方案 CEdit 单行垂直居中显示UITextView 单行垂直居中显示使用button标签让文字垂直水平居中 解决方案二: div position relative,a标签position absolute,设置a的le

UC浏览器云标签使用方法

  UC浏览器云标签使用方法.大家可能还不知道,其实UC浏览器里面有个云标签.有用户在问,UC浏览器云标签怎么用?下面小编就为大家介绍UC浏览器云标签使用方法吧! 1.打开[UC浏览器],点击[多窗口]按钮,然后点击[云标签];(如下图所示) UC浏览器云标签 UC浏览器云标签 2.登陆微博.QQ等,然后点击左下角的[立即同步]即可.(如下图所示) UC浏览器云标签

有道重大改版 引入#标签机制实现对搜索结果精确分类

网易有道搜索今日进行了一次改版,这个内部代号为"唐古拉"的版本无论是页面还是功能都有较大变化.只要打开页面就会发现它在配色和风格方面做出了较大调整,其中最吸引人注意的可能还是那道随鼠标移动的红杠.   在输入搜索条件时,你会发现在搜索建议框的右半部分会直接显示可能的结果.例如,输入"北京天气",建议框中会直接显示出北京最近两天的天气情况.再如果输入"复仇者联盟",会在建议框中获得电影简单介绍及"在线观看"按钮.这一特性可能让你

input标签写CSS时需要注意的几点

飞鱼的声纳顶部的搜索框让我头疼了很长时间,原因是总不能获得跨浏览器的统一样式.主要的问题有这么两个:一是input标签的高度不能统一,Firefox和IE中的高度始终不能一致;二是在IE浏览器中属性为text的input标签中的输入文字不像标准浏览器中的那样垂直居中显示,而是靠输入框的左上角显示. 为了彻底解决搜索框的这些问题,我以GreenGaint主题搜索框的样式为准,重写了一遍代码并且以像素为单位测量了一下在没有任何样式表的情况下<input>标签在默认浏览器中的实际差别. 结果发现:i

代号“ GProfile ” ——独家解密阿里标签利器

你可能已经知道达摩盘,也可能接触过虾米音乐给你推荐的好歌,当然你肯定经常在购物时,收到系统给你推荐的产品--但你肯定不知道,在营销推荐.产品推荐的背后,是一个庞大的算法工程,其中的一款标签体系,从未对外公布.     今天阿里数据将会独家解密这一标签利器,它的内部代号是-GProfile ,全称为全局档案.概括来说,GProfile 全局档案要做的事情是这样的:    目前,GProfile 全局档案是以消费者档案为核心构建内容,通过分析消费者的基础信息.购物行为以描绘其特征画像.    今后