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:表示一个导航栏

浙公网安备 33010602011771号