热门关键字:
jquery > jquery教程 > jquery教程 > HTML+CSS基础知识学习笔记

HTML+CSS基础知识学习笔记

318
作者:管理员
发布时间:2021/1/22 18:28:27
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=3395
  注:如果早点了解那率性的你或者晚一点遇见成熟的我。学计算机的应该早点确定自己的技术方向,一定要有一个擅长的能够用来吃饭的,其他的能掌握多少就是多少,像我这样的什么都学,什么都不知道没什么卵用的。


  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
友荐云推荐