07-02HTML标签

表单标签:
<form>:创建供用户输入的表单。
表单可包括:文本域、复选框、单选按钮等。用于向指定URL传递数据。
属性      描述
action    定义一个URl,当点击提交按钮时,向此URL传递数据。
deta      供自动插入数据。
replace    定义表达那提交时做的事情。
accept    处理该表单的服务器可正确处理的内容类型。
enctype    用于对表单内容进行编码的MIME类型。如=”text/plain“
methood    用于向action URL发送数据的HTTP方法,默认是get。
name      为表单定义一个唯一的名称,不支持。用id代替。
target     在何处打开目标URL。

<input>:定义一个输入控件。
<textarea>:多行文本输入控件。
<button>:按钮。
<select>:选择列表(下拉列表)。
<optgroup>:选择列表相关选项的组合。
<option>:选择列表中的选项。
<label>:input元素的表注。
<fieldset>:围绕表单中元素的边框。
<legend>:设置fieldset元素的标题
<datalist>:规定了input元素可能的选型列表。
<output>:定义一个计算的结果。


表格标签
<table>:定义html表格==》表格中只有行的概念
width:宽度  border:边框   cellpadding:内边距(内容和单元格之间)
<caption>:定义表格标题
<th>(table header cell):表格中的表头单元格 ==>默认加粗居中样式
<tr>(table row):
<td>(table data cell):表格中的单元
==》rowspan 合并行   colspan合并列==》thead约束的行不能使用rowspan
==》tr里面嵌套td,td里面再嵌套table。
<thead>:定义表格中的标头内容
<tbody>:定义表格的主题内容
<tfoot>:定义表格中的表注内容(脚注)。==》在最下方显示。有一些语义化标签有功能,一些没有。
<col>(column):定义表格中一个或多个列的属性值。
<colgroup>:定义表格中供格式化的列组。

HTML 表单中有两种类型的单元格:
表头单元格 - 包含表头信息(由 th 元素创建)
标准单元格 - 包含数据(由 td 元素创建)
th 元素内部的文本通常会呈现为居中的粗体文本,而 td 元素内的文本通常是左对齐的普通文本。

列表标签
<ul>(unordered list):无序列表
<ol>(ordered list):有序列表
<li>(list item):列表项目
<dl>(definition list):定义列表
<dt>(definition term):定义术语
<dd>(definition description):定义描述



基础标签
<!Doctype [html]>:定义文档类型。
<html>:定义一个html文档。
<title>:为文档定义一个标题。
<body>:定义文档的主题。
<p>(paragraph):段落。
<br>(break):简单的折行。
<hr>(horizontal line):水平线。

链接标签
<a>(anchor):定义超链接,从一个页面链接到另一个页面。
属性    值        描述
charset  char_encoding   目标URL字符编码   
coords  coodinates      链接的坐标
download  filename      指定下载链接
href    URL        链接目标的URL
media    media_query    目标URL的没接类型。默认是all。仅在href属性存在时使用。
name    section_name    规定锚的名称
rel    alternate/author/helptag  规定当前文档和目标URL的关系。仅在href属性存在时使用。
target
type
<link>:定义文档和外部资源的关系。

<nav>(navigation)导航:定义导航链接。

<nav>
<a href="/html/">HTML</a> |
<a href="/css/">CSS</a> |
<a href="/js/">JavaScript</a> |
<a href="/jquery/">jQuery</a>
</nav>

样式/节标签
<style>:定义文档的样式信息。可以放在<body>中,但是存在加载次序问题。
<div>:定义文档中的节。
<span>:定义文档中的节。
<header>:文档头部部分。
<footer>:定义一个文档底部。
<section>:定义文档的某个区域。
<article>:定义一个文章内容。
<aside>(旁白、附注):定义其所处内容以外的内容。

<p>My family and I visited The Epcot center this summer.</p>

<aside>
<h4>Epcot Center</h4>
<p>The Epcot Center is a theme park in Disney World, Florida.</p>
</aside>

<details>:定义有用户课件的或者隐藏的需求的补充细节。

<summary>摘要、概要、总结:定义一个课件标题,当用户点击标题是就会显示详细信息。

元信息标签
<head>:定义文档的信息。
<meta>:定义关于html文档的原信息。
<base>:定义页面中的所有连接的默认地址或默认目标。

HTML5语义化标签
语义化标签,支持全局属性。本身没有属性。没有实际意义的功能。帮助进行阅读。提高可读性。
1.header:表示文章的头部
2.footer:表示文章的底部
3.section:表示网站或者文章的一个章节,也就是文章的一大块
4.article:表示一篇文章
5.aside:表示与文章相关,但是不属于文章一部分的内容
6.hgroup:表示包裹一组标题标签h1~h6
7.nav:表示一个导航栏

 

posted @ 2018-11-20 16:22  payn  阅读(170)  评论(0)    收藏  举报