HTML-常用标签

作者: show_萧佩 | 来源:发表于2018-08-18 10:28 被阅读4次

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

相关文章

  • HTML-常用标签

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

  • html-常用标签

    base 基础标签 href 给页面所有的相对路径规定默认的基准URL target a链接默认窗口模式,下面a链...

  • HTML-标签

    一. Sublime安装和使用 Sublime是一个代码编辑器,可以编写HTML,php,js,css等等文件。 ...

  • HTML-内容标签

    HTMML5 基础课程—HTML-内容标签 1.2 补充关于DTD

  • html-高级标签

    1. 简单标签 strong: 定义重要性强调的文字ins(inseted):定义插入的文字em(emphasi...

  • HTML-<认识标签>

    HTML标签分类 1.双标签 该语法中“<标签名>”表示该标签的作用开始,一般称为“开始标签(start tag)...

  • HTML-标签属性

    使用HTML制作网页时,如果想让HTML标签提供更多的信息,可以使用HTML标签的属性加以设置。其基本语法格式如下...

  • HTML-换行标签

    1、换行标签 单词缩写: break打断 换在HTML中,一个段落中的文字会从左到右依次排列,直到浏览器窗口的右...

  • HTML-链接标签

    单词缩写: anchor的缩写。基本解释锚,铁锚的在HTML中创建超链接非常简单,只需用标签环统需要被链接的对象即...

  • HTML-标签1

    1.注释标签 h1-h6 加粗 换行 文字越来越小 2.标签分类组成和关系分类,分为单标签和双标签 3.排版标签 ...

网友评论

    本文标题:HTML-常用标签

    本文链接:https://www.haomeiwen.com/subject/lintiftx.html