注:如果早点了解那率性的你或者晚一点遇见成熟的我。学计算机的应该早点确定自己的技术方向,一定要有一个擅长的能够用来吃饭的,其他的能掌握多少就是多少,像我这样的什么都学,什么都不知道没什么卵用的。
2.meta 标记:
meta标记用于定义文件信息,是对网页文件进行说明,便于搜索引擎查找。放置于<head></head>之间。
用meta设置关键字:
<meta name = "keywords" content = "关键字">多个关键字用“,”分隔。
设置描述:<meta name = "description" content = "对关键字的扩展说明">
设置作者:<meta name = "author" content = "作者名">
设置字符集:<meta http-equiv = "content-type" content = "text/html;charset = gb2312">
编码格式:GB2312编码占用2个字节,UTF-8占用3个字节,如果网页文字较多,选择GB2312编码。
设置页面定时跳转:<meta http-equiv = "refresh" content = "2;URL = "/>里面的2,代表2秒
上面的几个地方需要特别注意:
1.http-equiv之间不能加空格,否则没用,也就是不能写成“http - equiv”!
2.content-type也是一个整体,不能以空格分隔。
3.图片标记:
4.语义标签
<p>段落</p>
<strong>字体加粗</strong>
<span>没有语义的标签,作用为设置单独的样式</span>
<q>简短文本的引用</q>
<blockquote>缩进文本,引用长段落</blockquote>
<br />换行
<hr />水平分割线
空格
<address>地址</address>
<code>一行代码</code>
<pre>多行代码,代码片段</pre>
无序列表:<ul><li> 无序列表 </li></ul>
有序列表:<ol><li> 有序列表 </li></ol>
<div>栏目板块,作为容器</div>
<div id="版块名称">给网页独立板块增加ID标记</div>
<!-- ? ? ? 内容 ? ?--> ?html注释
5.表格
eg:
1)<table>…</table>:整个表格以<table>标记开始、</table>标记结束。
2)<tbody>…</tbody>:当表格内容非常多时,表格会下载一点显示一点,但如果加上<tbody>标签后,这个表格就要等表格内容全部下载完才会显示。如右侧代码编辑器中的代码。
3)<tr>…</tr>:表格的一行,所以有几对tr 表格就有几行。
4)<td>…</td>:表格的一个单元格,一行中包含几对<td>…</td>,说明一行中就有几列。
5)<th>…</th>:表格的头部的一个单元格,表格表头。
6)表格中列的个数,取决于一行中数据单元格的个数。
7)<table summary="表格简介文本">
8)<caption>标题文本</caption>
6.
1)本浏览器原窗口打开链接:
<a href="目标网址" title="鼠标滑过显示的文本">链接显示的文本</a>
在新建浏览器窗口中打开链接:
<a href="目标网址" target="_blank">click here!</a>
2)<a href="mailto:yy@imoc.com?cc=chovel@163.com&subject=主题&body=邮件内容">对此影评有何感想,发送邮件给我</a>
7.<img>标签,为网页插入图片
alt:指定图像的描述性文本,当图像不可见时(下载不成功时),可看到该属性指定的文本;
8.
1)<form method="传送方式" action="服务器文件">
2)文本输入框、密码输入框
语法:
*type:
当type="text"时,输入框为文本输入框;
当type="password"时, 输入框为密码输入框。
*name:为文本框命名,以备后台程序ASP 、PHP使用。
*value:为文本输入框设置默认值。(一般起到提示作用)
3)文本域,支持多行文本输入
注意这两个属性可用css样式的width和height来代替:col用width、row用height来代替
4)使用单选框、复选框,让用户选择
*type:
当 type="radio" 时,控件为单选框
当 type="checkbox" 时,控件为复选框
*value:提交数据到服务器的值(后台程序PHP使用)
*name:为控件命名,以备后台程序 ASP、PHP 使用
*checked:当设置 checked="checked" 时,该选项被默认选中
注意:同一组的单选按钮,name 取值一定要一致,比如上面例子为同一个名称“radioLove”,这样同一组的单选按钮才可以起到单选的作用。
5)使用下拉列表框,节省空间
selected="selected":设置selected="selected"属性,则该选项就被默认选中。
<select multiple="multiple">这个则为使用下拉列表框进行多选。
6)使用提交按钮,提交数据。
type:只有当type值设置为submit时,按钮才有提交作用
value:按钮上显示的文字
7)使用重置按钮,重置表单信息。
8)form表单中的label标签
注意:标签的 for 属性中的值应当与相关控件的 id 属性值一定要相同。
eg:
9)placeholder?属性提供可描述输入字段预期值的提示信息(hint)。
该提示会在输入字段为空时显示,并会在字段获得焦点时消失。
注释:placeholder 属性适用于以下的 <input> 类型:text, search, url, telephone, email 以及 password。
如果您觉得本文的内容对您的学习有所帮助:
关键字:
jquery