html细节

1.<blockquote>标签,长文本引用,<q>短文本引用,加双引号,都会缩进

2.标准空格符号:&nbsp

3.一般网页中会有一些网站的联系地址信息需要在网页中展示出来,这些联系地址信息如公司的地址就可以<address>标签。也可以定义一个地址(比如电子邮件地址)、签名或者文档的作者身份。

<address>

本文的作者:<a href="mailto:lilian@imooc.com">lilian</a>
</address>

4.想加入一行代码用,用<code>标签;使用<pre>标签加入一段代码

5.创建表格的四个元素:table,th,tr,td;

详细说明如下:

          <1><table>…</table>:整个表格以<table>标记开始、</table>标记结束。

         <2><tbody>…</tbody>:当表格内容非常多时,表格会下载一点显示一点,但如果加上<tbody>标签后,这个表格就要等表格内容全部下载完才会显示。如右侧代码编辑器中的代码。

         <3><tr>…</tr>:表格的一行,所以有几对tr 表格就有几行。

         <4><td>…</td>:表格的一个单元格,一行中包含几对<td>...</td>,说明一行中就有几列。

6.表格摘要语法:<table summary=""></table>;注意:摘要的内容是不会在浏览器中显示出来的。它的作用是增加表格的可读性(语义化),使搜索引擎更好的读懂表格内容,还可以使屏幕阅读器更好的帮助特殊用户读取表格内容。

   表格标题:<caption></caption>

7.<a href="" title="鼠标经过时显示文本">

8.

 

功能 关键字 功能详解 举例
邮箱地址 mailto: 浏览器会自动默认的客户端电子邮件程序(如outlook),并在收件人框中自动填上收件人的地址
发送
抄送地址 cc= 收件人地址后用cc=地址,可以填写抄送地址
发送
密件抄送地址 bcc= 收件人地址后用bcc=地址,可以填写密件抄送地址
发送
多个收件人,抄送,密件抄送人 ; 用分号隔开多个收件人的地址,可以实现发送给多个收件人功能

发送
邮件主题 subject= subject=添加邮件主题
发送
邮件内容 body body=添加邮件的内容
发送

9.img标签

<img src = "myimage.gif" alt = "My Image" title = "My Image" />

解释:<1>src:标识图像的位置

         <2>alt:指定图像的描述性文本,当图像不可见时(下载不成功时),可看到该属性指定的文本;

         <3>title:提供在图像可见时对图像的描述(鼠标滑过图片时显示的文本)

          <4>图像可以是gif,png,jpeg格式的图像文件

10.form表单阐述

<form>
   <input type="text/password" name="名称" value="文本" />
</form>
注意:
<1>type="text"是文本输入框;type="password"是密码输入框
<2>name:为文本框命名,以备后台程序ASP,PHP使用
<3>value:为文本框设置默认值
11.文本域,支持多行文本输入
<textarea row="行数" cols="列数">文本</textarea>
注意:
<1>标签成对出现
<2>cols:多行输入域的列数
<3>rows:多行输入域的行数
<4>表情之间可以输入默认值
附:这两个属性可用css样式的width和height来代替:col用width、row用height来代替。
12.单选框,复选框
<input type="radio/checkbox" value="值" name="名称" checked="checked"/>
注意:
<1>当type="radio"时,控件为单选框;当type="checkbox"时,控件为复选框
<2>value:是提交数据到服务器的值(后台程序php使用)
<3>name:为控件命名,以备后台程序ASP,PHP使用
<4>checked:当设置checked="checked"时,该选项默认选中
13.下拉列表框
<select>
<option value="提交值">选项</option>
<select>
注意:
提交值:向服务器提交的值;选项:显示的值
下拉列表也可以进行多选操作,在<select>标签中设置multiple="multiple"属性,就可以实现多选功能,在 widows 操作系统下,进行多选时按下Ctrl键同时进行单击(在 Mac下使用 Command +单击),可以选择多个选项。如下代码:
14.提交按钮
<input type="submit" value="提交">
注意:
<1>只有当type="submit"时,按钮才有提交作用
<2>value:按钮上显示的文字
15.重置按钮,重置表单信息
<input type="reset" value="重置">
注意:
<1>只有当type="reset"时,按钮才有提交作用
<2>value:按钮上显示的文字

posted @ 2015-12-29 01:15  Jacky_Kun  阅读(309)  评论(0编辑  收藏  举报