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),示例

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

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

友情链接更多精彩内容