HTML学习笔记

-----------------------------------------------------9.20
<!DOCTYPE> 声明不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。
<!DOCTYPE html>

<a> 标签定义超链接，用于从一张页面链接到另一张页面。
<a href="http://www.w3school.com.cn">W3School</a>

<b> 标签规定粗体文本。

<base> 标签为页面上的所有链接规定默认地址或默认目标。通常情况下，浏览器会从当前文档的 URL 中提取相
应的元素来填写相对 URL 中的空白。使用 <base> 标签,浏览器随后将不再使用当前文档的 URL，而使用指定的
基本 URL 来解析所有的相对 URL。
<base href="http://www.w3school.com.cn/i/" />
<base target="_blank" />

<br> 可插入一个简单的换行符。

<button>
<button type="button">Click Me!</button>
//自带submmit功能？
请在 HTML 表单中使用 input 元素来创建按钮

<div> 可定义文档中的分区或节（division/section）。<div> 标签可以把文档分割为独立的、不同的部分。它
可以用作严格的组织工具，并且不使用任何格式与其关联。
<div> 是一个块级元素。这意味着它的内容自动地开始一个新行。实际上，换行是 <div> 固有的唯一格式表现。

<dl> 标签定义了定义列表（definition list）。
<dl> 标签用于结合 <dt> （定义列表中的项目）和 <dd> （描述列表中的项目，即术语部分）。

<form> 标签用于为用户输入创建 HTML 表单。
表单能够包含 input 元素，比如文本字段、复选框、单选框、提交按钮等等。
表单还可以包含 menus、textarea、fieldset、legend 和 label 元素。
表单用于向服务器传输数据。
属性：
enctype 见说明规定在发送表单数据之前如何对其进行编码。
method get post
name form_name 规定表单的名称。
target _blank _self _parent _topframename 规定在何处打开 action URL。

frameset 元素可定义一个框架集。属性：cols rows
<frame> 标签定义 frameset 中的一个特定的窗口（框架）
<frameset cols="25%,50%,25%">
<frame src="frame_a.htm" />
<frame src="frame_b.htm" />
<frame src="frame_c.htm" />
</frameset>

<hr /> 水平分隔线（horizontal rule）

<html> 与 </html> 标签限定了文档的开始点和结束点，在它们之间是文档的头部和主体。正如您所了解的那
样，文档的头部由 <head> 标签定义，而主体由 <body> 标签定义。
<i> 标签显示斜体文本效果。（italic）

iframe 元素会创建包含另外一个文档的内联框架（即行内框架）。

<input> 标签用于搜集用户信息。
属性值解释
disabled disabled 当 input 元素加载时禁用此元素。

form formname 规定输入字段所属的一个或多个表单。

readonly readonly 规定输入字段为只读。
type 规定 input 元素的类型。
button
checkbox
file
hidden
image
password
radio
reset
submit
text
value value 规定 input 元素的值。

<ol> 标签定义有序列表。
<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>

select 元素可创建单选或多选菜单。
option 元素定义下拉列表中的一个选项（一个条目）。
<select>
<option value ="volvo">Volvo</option>
<option value ="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
</select>
属性值解释
disabled disabled 规定此选项应在首次加载时被禁用。
label text 定义当使用 <optgroup> 时所使用的标注。
selected selected 规定选项（在首次显示在列表中时）表现为选中状态。
value text 定义送往服务器的选项值。

<source> 标签为媒介元素（比如 <video> 和 <audio>）定义媒介资源。
<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>

<span> 标签被用来组合文档中的行内元素。

<table> 标签定义 HTML 表格。
简单的 HTML 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成。
tr 元素定义表格行，th 元素定义表头，td 元素定义表格单元。

<ul> 标签定义无序列表。
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>

html5中的Web Storage包括了两种存储方式：sessionStorage和localStorage。
sessionStorage不是一种持久化的本地存储，仅仅是会话级别的存储。
而localStorage用于持久化的本地存储，除非主动删除数据，否则数据是永远不会过期的。
用法：在JS代码里面直接window.localStorage

JSON.parse() 用于从一个字符串解析出对象。
JSON.stringify()用于从一个对象解析出字符串。

menuBox.css({marginLeft: "-80px"});

animate() 方法执行 CSS 属性集的自定义动画。
该方法通过CSS样式将元素从一个状态改变为另一个状态。CSS属性值是逐渐改变的，这样就可以创建动画效果。
只有数字值可创建动画（比如 "margin:30px"）

posted @ 2017-09-25 23:14 sudanhonger 阅读(89) 评论(0) 收藏举报

刷新页面返回顶部

加载中...

码魔坊

HTML学习笔记

公告