html

html

概述

超文本标记语言

“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。

网页制作所必备的

结构

‘头’部分

提供关于网页的信息

‘主体’部分

提供网页具体内容

常用标签

<h1>一级标签</h1><h2>二级标签</h2><h3>三级标签</h3>

段落标签 <p>

img标签:<img src=\"图片地址\" alt=\"找不到图片的提示\" title=\"图片说明\" width=\"图片宽度\" height=\"图片高度\" />

a标签:<a href=\"网页地址\" target=\"目标窗口位置\">文字描述</a>

特殊符号: 空格：&nbsp；大于号：&gt；小于号：&lt；引号：&qunt

列表标签

有序

<ol> <li>护士谋杀85名病人</li> <li>三亚领航鲸死亡</li> <li>接到随葬手机来电</li> <li>衡水一考生被捅死</li></ol> 

有顺序，每个<li>标签独占一行 默认<li>标签项前面有顺序标记

无序

<ul> <li>护士谋杀85名病人</li> <li>三亚领航鲸死亡</li> <li>接到随葬手机来电</li> <li>衡水一考生被捅死</li></ul>

没有顺序，每个<li>标签独占一行 默认<li>标签项前面有个实心小圆点

自定义列表

<dl> <dt>花</dt> <dd>玫瑰</dd> <dd>百合</dd> <dd>山药</dd></dl>

没有顺序，每个<dt>标签、<dd>标签独占一行 默认没有标记 

表格标签

行<tr>

<tr> <td>第一行第一个元素</td> <td>第二行第一个元素</td> </tr>

列<td>

<td>第一行第一个元素</td>

rowspan

表格跨行

<tr> <td rowspan = \"2\">第一行第一个元素</td> <td>第二行第二个元素</td> </tr>

colspan

表格跨列

<tr> <td colspan= \"2\">第一行第一个元素</td> </tr>

视频标签

<video src=\"视频路径\" controls> </video>

音频标签

<video src=\"音频标签\" controls> </video>

表单标签

表单语法

<form method=\"请求方式\" action=\"url\"></form>

核心标签

input标签

<input type=\"text\" name=\"ip\" value=\"1\"/>

input常用属性

文本框（text）密码框（password）单选按钮（radio）复选框（checkbox）按钮（button、submit和reset）列表框（<select>和<option>）邮箱（<email>）网址（<url>）数字（<number>）滑块（<range>）搜索（<search>）

textarea标签

<textarea name=\"showText\" cols=\"行数\" rows=\"列数\">文本内容 </textarea >

列表框标签

<select name=\"列表名称\"><option value=\"选中此选项的值\" >…</option ><option value=\"选中此选项的值\">…</option ></select>

from标签是传递信息的一种方式，它是由from标签，和method属性 action属性组成的 method是规定请求方式，action规定传递数据的地址

input是我们最常用的获取用户信息的标签。他的种类由很多像 ，密码框，单选框，多选框等都是用input来实现的