转《什么是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>    ●    自订标记    独立使用或与样式表同用

转自https://www.w3cschool.cn/html/question-10231661.html.

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 195,783评论 5 462
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 82,360评论 2 373
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 142,942评论 0 325
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,507评论 1 267
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,324评论 5 358
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,299评论 1 273
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,685评论 3 386
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,358评论 0 254
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,652评论 1 293
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,704评论 2 312
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,465评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,318评论 3 313
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,711评论 3 299
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,991评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,265评论 1 251
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,661评论 2 342
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,864评论 2 335

推荐阅读更多精彩内容