什么是HTML标签?HTML标签有什么作用?

收藏
HTML/HTML5
7
Mar 19, 2018

什么是HTML标签?HTML标签有什么作用?

回答

云松回答

问题分析及解答:

一、HTML中的标签是什么?

  • HTML标签 是由一对尖括号包裹的单词构成 例如: <html>
  • 所有标签中的单词不可能以数字开头;
  • 标签不区分大小写 <html> 和 <HTML> 推荐使用小写;
  • 标签分为两部分: 开始标签 <a> 和 结束标签 </a>, 两个标签之间的部分,我们叫做标签体;
  • 有些标签功能比较简单,使用一个标签即可,这种标签叫做自闭和标签。例如: <br/><hr/><input/><img/>
  • 标签可以嵌套。但是不能交叉嵌套。 <a><b></a></b>
<标签>内容</标签>

二、HTML标签的作用

html是用于创建可从一个平台移植到另一平台的超文本文档的一种简单标记语言,经常用来创建web页面。html是制作网页的基础,我们在网络营销中讲的静态网页,就是以html为基础制作的网页。

标记     类型    译名或意义    作用    备注
文件标记
<html>    ●    文件声明    让浏览器知道这是 HTML 文件
<head>    ●    开头    提供文件整体资讯        
<title>   ●    标题    定义文件标题,将显示于浏览顶
<body>    ●    本文    设计文件格式及内文所在
排版标记
<!--注解-->    ○    说明标记    为文件加上说明,但不被显示        
<p>     ○    段落标记    为字、画、表格等之间留一空白行        
<br>    ○    换行标记    令字、画、表格等显示于下一行        
<hr>    ○    水平线    插入一条水平线        
<center>    ●    居中    令字、画、表格等显示于中间    反对
<pre>       ●    预设格式    令文件按照原始码的排列方式显示        
<div>       ●    区隔标记    设定字、画、表格等的摆放位置        
<nobr>      ●    不折行    令文字不因太长而绕行        
<wbr>       ●    建议折行    预设折行部位        
字体标记
<strong>    ●    加重语气    产生字体加粗    bold    的效果        
<b>         ●    粗体标记    产生字体加粗的效果        
<em>    ●    强调标记    字体出现斜体效果        
<i>     ●    斜体标记    字体出现斜体效果        
<tt>    ●    打字字体    courier字体,字母宽度相同        
<u>     ●    加上底线    加上底线    反对
<h1>    ●    一级标题标记    变粗变大加宽,程度与级数反比        
<h2>    ●    二级标题标记    将字体变粗变大加宽        
<h3>    ●    三级标题标记    将字体变粗变大加宽        
<h4>    ●    四级标题标记    将字体变粗变大加宽        
<h5>    ●    五级标题标记    将字体变粗变大加宽        
<h6>    ●    六级标题标记    将字体变粗变大加宽        
<font>      ●    字形标记    设定字形、大小、颜色    反对
<basefont>    ○    基准字形标记    设定所有字形、大小、颜色    反对
<big>       ●    字体加大    令字体稍为加大        
<small>     ●    字体缩细    令字体稍为缩细        
<strike>    ●    画线删除    为字体加一删除线    反对
<code>      ●    程式码    字体稍为加宽如<tt>        
<kbd>       ●    键盘字    字体稍为加宽,单一空白        
<samp>      ●    范例    字体稍为加宽如<tt>        
<var>       ●    变数    斜体效果        
<cite>      ●    传记引述    斜体效果        
<blockquote>    ●    引述文字区块    缩排字体        
<dfn>     ●    述语定义    斜体效果        
<address>    ●    地址标记    斜体效果        
<sub>     ●    下标字    下标字        
<sup>     ●    上标字    指数(平方、立方等)        
清单标记
<ol>      ●    顺序清单    清单项目将以数字、字母顺序排列        
<ul>      ●    无序清单    清单项目将以圆点排列        
<li>      ○    清单项目    每一标记标示一项清单项目        
<menu>    ●    选单清单    清单项目将以圆点排列,如<ul>    反对
<dir>     ●    目录清单    清单项目将以圆点排列,如<ul>    反对
<dl>      ●    定义清单    清单分两层出现        
<dt>      ○    定义条目    标示该项定义的标题        
<dd>      ○    定义内容    标示定义内容        
表格标记
<table>      ●    表格标记    设定该表格的各项参数        
<caption>    ●    表格标题    做成一打通列以填入表格标题        
<tr>    ●    表格列    设定该表格的列        
<td>    ●    表格栏    设定该表格的栏        
<th>    ●    表格标头    相等于<td>,但其内之字体会变粗        
表单标记
<form>        ●    表单标记    决定单一表单的运作模式        
<textarea>    ●    文字区块    提供文字方盒以输入较大量文字        
<input>       ○    输入标记    决定输入形式        
<select>      ●    选择标记    建立    pop-up    卷动清单        
<option>      ○    选项    每一标记标示一个选项        
图形标记
<img>     ○    图形标记    用以插入图形及设定图形属性        
连结标记
<a>       ●    连结标记    加入连结        
<base>    ○    基准标记    可将相对    url    转绝对及指定连结目标        
框架标记
<frameset>    ●    框架设定    设定框架        
<frame>       ○    框窗设定    设定框窗        
<iframe>      ○    页内框架    于网页中间插入框架    ie
<noframes>    ●    不支援框架    设定当浏览器不支援框架时的提示        
影像地图
<map>     ●    影像地图名称    设定影像地图名称        
<area>    ○    连结区域    设定各连结区域        
多媒体
<bgsound>    ○    背景声音    于背景播放声音或音乐    ie
<embed>      ○    多媒体    加入声音、音乐或影像        
其他标记
<marquee>    ●    走动文字    令文字左右走动    ie
<blink>      ●    闪烁文字    闪烁文字    nc
<isindex>    ○    页内寻找器    可输入关键字寻找于该一页    反对
<meta>       ○    开头定义    让浏览器知道这是    html    文件        
<link>       ○    关系定义    定义该文件与其他    url    的关系        
stylesheet
<style>      ●    样式表    控制网页版面        
<span>       ●    自订标记    独立使用或与样式表同用

 

(1)

提交成功