Html的学习

最新推荐文章于 2023-07-09 22:04:31 发布

wolfpkfox

最新推荐文章于 2023-07-09 22:04:31 发布

阅读量212

点赞数

分类专栏：脚本页面文章标签： html 脚本 input 文档 button action

本文链接：https://blog.csdn.net/wolfpkfox/article/details/4135386

版权

脚本页面专栏收录该内容

27 篇文章 0 订阅

订阅专栏

<html>

<head>
<title>页面的标题</title>
</head>

</html>

注释

<hr> 水平线

<br>换行

<p>...</p>段落

&nbsp 空格

<b> 定义粗体文本

<big>定义大号字

<em>定义着重文字

<i>定义斜体字

<small>定义小号字

<strong>定义加重语气

<sub>定义下标字

<sup>定义上标字

<ins>定义插入字

<del>定义删除字

<a href="http://www.w3school.com.cn/">Visit W3School!</a>链接属性

<a href="http://www.w3school.com.cn/" target="_blank">Visit W3School!</a>在新窗口打开文档

Target 属性定义被链接的文档在何处显示

<a name="tips">Useful Tips Section</a>命名锚

<a href="http://www.w3school.com.cn/html_links.asp#tips">Jump to the Useful Tips Section</a>

框架

<frameset rows="50%,50%"> // 还可以用cols

<frame noresize="noresize" src="/example/html/frame_a.html"> noresize属性为框架不能移动

</frameset>

表格由 <table> 标签来定义。每个表格均有若干行（由 <tr> 标签定义），每行被分割为若干单元格（由 <td> 标签定义）。字母 td 指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。表格的标头用<th>来定义,<caption>定义表格的标题 cellspacing是单元格间距的属性cellpadding单元格边距的属性

列表

<ul>.......有序列表用<ol>标签
<li>Coffee</li>.......<li>定义列表项
<li>Milk</li>
</ul>

<dl>.........定义自定义列表
<dt>Coffee</dt>.......定义定义项目
<dd>Black hot drink</dd>定义定义的描述
<dt>Milk</dt>
<dd>White cold drink</dd>
</dl>

表单

表单是一个包含表单元素的区域。

表单元素是允许用户在表单中（比如：文本域、下拉列表、单选框、复选框等等）输入信息的元素。

表单使用表单标签（<form>）定义。

<form>
名：
<input type="text" name="firstname">.........如果是密码的话type="password" is ok
<br>
姓：
<input type="text" name="lastname">........文本域
</form>

单选按钮

<form>
<input type="radio" name="sex" value="male"> Male
<input type="radio" name="sex" value="female"> Female
</form>

复选按钮

下拉列表

<form>
<select name="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat">Fiat</option>
<option value="audi">Audi</option>
</select>
</form>

文本域

创建按钮

带标题的框

（

当一组表单元素放到 <fieldset> 标签内时，浏览器会以特殊方式来显示它们，它们可能有特殊的边界、3D 效果，或者甚至可创建一个子表单来处理这些元素。

）

表单的动作属性（Action）和确认按钮

当用户单击确认按钮时，表单的内容会被传送到另一个文件。表单的动作属性定义了目的文件的文件名。由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理。

<form name="input" action="html_form_action.asp" method="get"> Username: <input type="text" name="user"> <input type="submit" value="Submit">
</form>

<form> 定义供用户输入的表单
<input> 定义输入域
<textarea> 定义文本域 (一个多行的输入控件)
<label> 定义一个控制的标签
<fieldset> 定义域
<legend> 定义域的标题
<select> 定义一个选择列表
<optgroup> 定义选项组
<option> 定义下拉列表中的选项
<button> 定义一个按钮

图像

<img src="url" alt="Big Boat" > alt 属性用来为图像定义一串预备的可替换的文本

图像作为链接：
<a href="/example/html/lastpage.html">
<img border="0" src="/i/eg_buttonnext.gif" />
</a>

背景

脚本

事件（属性+值）

1键盘事件

onkeydown	脚本	当键盘被按下时执行脚本
onkeypress	脚本	当键盘被按下后又松开时执行脚本
onkeyup	脚本	当键盘被松开时执行脚本

2表单元素事件

onchange	脚本	当元素改变时执行脚本
onsubmit	脚本	当表单被提交时执行脚本
onreset	脚本	当表单被重置时执行脚本
onselect	脚本	当元素被选取时执行脚本
onblur	脚本	当元素失去焦点时执行脚本
onfocus	脚本	当元素获得焦点时执行脚本

3窗口事件

onload	脚本	当文档被载入时执行脚本
onunload	脚本	当文档被卸下时执行脚本

4鼠标事件

onclick	脚本	当鼠标被单击时执行脚本
ondblclick	脚本	当鼠标被双击时执行脚本
onmousedown	脚本	当鼠标按钮被按下时执行脚本
onmousemove	脚本	当鼠标指针移动时执行脚本
onmouseout	脚本	当鼠标指针移出某元素时执行脚本
onmouseover	脚本	当鼠标指针悬停于某元素之上时执行脚本
onmouseup	脚本	当鼠标按钮被松开时执行脚本