HTML-常用标签

HTML,是我们在学习前端的第一个门槛,它就仿佛是一个页面的骨架。这里我们介绍一些html的常用标签以及知识点。

首先标签也有不同,常见的有空标签(在 HTML 中,通常在一个空元素上使用一个闭标签是无效的),常用的有img,input,hr,link,meta标签。

可替换标签(CSS 里,可替换元素(replaced element)的展现不是由CSS来控制的),常见的有img,input,video

全局属性(以下属性是通用的,并且可以在所有HTML元素上指定(即使在本规范中未定义的那些):

accesskey class contenteditable dir draggable hidden id lang spellcheck style tabindex title translate

分类介绍完了,再来看看常用的标签

<a>,全称anchor(锚点),超链接(跳转页面(HTTP GET 请求)),它可以创建一个到其他网页、文件、同一页面内的位置、电子邮件地址或任何其他URL的超链接。跳转页面(HTTP GET 请求)

重要的属性有href(为锚定义一个超文本链接来源),target(该属性指定在何处显示链接的资源。 取值为标签(tab),窗口(window),或框架(iframe)等浏览上下文的名称或其他关键词。以下关键字具有特殊的意义:)

_self: 当前页面加载,即当前的响应到同一HTML 4 frame(或HTML5浏览上下文)。此值是默认的,如果没有指定属性的话。

_blank: 新窗口打开,即到一个新的未命名的HTML4窗口或HTML5浏览器上下文

_parent: 加载响应到当前框架的HTML4父框架或当前的HTML5浏览上下文的父浏览上下文。如果没有parent框架或者浏览上下文,此选项的行为方式相同_self。

_top: IHTML4中:加载的响应成完整的,原来的窗口,取消所有其它frame。 HTML5中:加载响应进入顶层浏览上下文(即,浏览上下文,它是当前的一个的祖先,并且没有parent)。如果没有parent框架或者浏览上下文,此选项的行为方式相同_self

href:

<form>标签  跳转页面(HTTP POST 请求)

action(规定当提交表单时向何处发送表单数据)

method

浏览器使用这种HTTP 方式来提交 form. 可能的值有:

post: 指的是 HTTP POST 方法 ; 表单数据会包含在表单体内然后发送给服务器.

get: 指的是 HTTP GET 方法; 表单数据会附加在 action属性的URI中,并以 '?' 作为分隔符, 然后这样得到的 URI 再发送给服务器. 当这样做(数据暴露在URI里面)没什么副作用,或者表单仅包含ASCII字符时,再使用这种方法吧。

target一个名字或者说关键字,用来指示在提交表单之后,在哪里显示收到的回复. 在 HTML 4 里, 这是一个用于 frame 的名字/关键字. 在 HTML5 里, 这是一个用于browsing context 浏览器上下文的名字/关键字 (举例来说, 标签页tab, 窗口window, or 或者行内 frame). 如下的关键字含有特别的含义:

_self: 在当前HTML4或HTML5文档页面重新加载返回值。这个是默认值。译注:也就是说如果这个文档在一个frame中的话,self是在当前frame(document)中重新加载的,而不是整个页面(window)。

_blank: 以新的HTML4或HTML5文档窗口加载返回值。

_parent: 在父级的frame中以HTML4或HTML5文档形式加载返回值,如果没有父级的frame,行为和_self一致。

_top: 如果是HTML 4文档: 清空当前文档,加载返回内容;HTML5: 在当前文档的最高级内加载返回值,如果没有父级,和_self的行为一致。

iframename: 返回值在指定frame中加载。

 iframe标签 嵌套页面

input标签,空标签,常用属性:

type  要呈现的控件类型。有关各个类型的信息(例如type=text,type=password)

name(与表单数据一起提交)

value(常常当type=checkbox,radio使用)。加文本

table(表格),子元素thead,tbody,tfoot,colgroup,再次一级子元素(tr table row),td(table data),示例

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

推荐阅读更多精彩内容

  • HTML(超文本标记语言——HyperText Markup Language)是构成 Web 世界的一砖一瓦。它...
    长鲸向南阅读 478评论 0 0
  • 对于新手来说,HTML的框架可以可以用IDE来解决,但是标签的用法还是需要通过自己的理解记忆来灵活运用 <a>标签...
    生命在流逝阅读 682评论 0 0
  • 一.<!DOCTYPE> 文档声明 格式:1.<!DOCTYPE> 声明必须是 HTML 文档的第一行,位于 标...
    饥人谷_刘冲阅读 531评论 0 2
  • HTML之所以称为超文本标记语言,是因为文本中包含了所谓“超级链接”点。所谓超级链接,就是一种URL指针,通过激活...
    鋕畵阅读 295评论 0 1
  • 这篇文章将简单介绍几个在HTML常用的标签:iframe标签、a标签、form标签、input标签、button标...
    宣泽彬阅读 355评论 0 0