黑马程序员技术交流社区

标题: 求帮忙 [打印本页]

作者: 小草君    时间: 2014-6-6 23:04
标题: 求帮忙
求大神们看jsp的心得还有html和css的,小弟在这感谢了

作者: 谭荣强    时间: 2014-6-8 05:06
没人看吧,面试不考
作者: crazystraw    时间: 2014-6-8 09:12
什么东西?
作者: 阿苏勒    时间: 2014-6-8 09:23
我现在就在看这个啊,学习这个是没必要的?

作者: 阿苏勒    时间: 2014-6-8 09:30
楼主我把我自己做的笔记给你看一下。
  1. <head></head>头部信息里包括标题信息和元信息

  2. <title></title>头部信息就是网页的题目

  3. 元信息设置:
  4. 设置页面关键字:
  5. <meta name="keywords" content="">

  6. 设置页面说明:
  7. <meta name="discription" content="">

  8. 定义编辑工具:
  9. <meta name="generator" content="">

  10. 设置作者信息
  11. <meta name="author" content="">

  12. 设置网页文字和语言
  13. <meta http-equiv="content-type" content="text/html; charset=gbk">
  14. http-equiv用于传送HTTP通信协议的标头,content里面是具体的属性值,有字符集设置

  15. 设置网页的定时跳转
  16. <meta http-equiv="refresh" content="跳转的时间 url=跳转的地址">


  17. <body></body>网页的主体部分

  18. 可以设置主体部分的背景色
  19. <body bgcolor="">

  20. 可以设置主体的背景图片
  21. <body background="图片的地址">

  22. 可以设置字体的颜色
  23. <body text="文字的颜色">

  24. 可以设置链接文字的颜色
  25. <body link="">
  26. <body link="" alink="" vlink="">

  27. 边距margin
  28. 一般网页的上边距和下边距都为0
  29. <body topmargin="" leftmargin="">
  30. topmargin:上边距的值
  31. leftmargin:下边距的值



  32. 设置标题字的大小
  33. <h1></h1>一级标题
  34. <h2></h2>二级标题
  35. .
  36. .
  37. .
  38. .
  39. <h6></h6>六级标题
  40. 一级最大,六级最小

  41. 标题字对齐属性:
  42. <h1 align="left"></h1>左对齐
  43. <h2 align="center"></h2>中间对齐


  44. 文本标记语言:
  45. <font></font>用于控制字体,大小,颜色等属性。
  46. <p><font face="设置字体"></font></p>

  47. <p><font size="设置字号"></font></p>

  48. <p><font color="设置颜色"></font></p>


  49. 粗体标记:
  50. <b></b>
  51. <strong></strong>

  52. 斜体标记:
  53. <i></i>
  54. <em></em>
  55. <cite></cite>

  56. 上记标记sup
  57. a的平方:a<sup>2</sup>

  58. 下记标记sub
  59. 氢气的化学式:h<sub>2</sub>

  60. 段落标记p
  61. 每一个段落标记不必要写成<p></p>
  62. 因为每一个段落开始的标记意味着前一段的结束

  63. 换行标记br
  64. 不换行标记nobr<nobr>不换行的内容</nobr>

  65. 水平线
  66. <hr>插入水平线
  67. <hr width="500">改变水平线的宽度,宽度值为500像素
  68. <hr size="100">设置水平线的高度
  69. <hr width="300" dize="20" noshade>去掉阴影
  70. <hr color="颜色">设置水平线的颜色
  71. <hr align="lefy">设置水平线的排列

  72. 插入空格:&nbsp;

  73. 使用图像:
  74. <body align="center"><img src="图片地址" alt="提示的信息">
  75. 当你值指向图片上方时,就会出现提示的信息,用于说明和描述图片

  76. width和hegith表示宽和长
  77. 如果图片不设置长和宽,那么默认是原大小。
  78. 无论指定的长和宽是多少,整个图像还是会被下载。

  79. 设置图像的边框border
  80. 默认情况,图片是没有边框的,border可以为图像添加边框线,可以设置边框的宽度,但不能设置
  81. 边框的颜色。
  82. 如果图片上没有超链接,那么边框默认是黑色的。
  83. 如果图片上有超链接,那么边框和链接文字颜色一致,默认是深蓝色。
  84. <img sr="图像地址" border="10">border的单位是像素。

  85. 图像垂直边距:vspace,单位也是像素
  86. 图像水平边距:hspace

  87. 图像的排列align
  88. bottom:图片底部与当前行的文字底部对齐
  89. top:图片顶端与当前行文字顶端对齐
  90. middle:图片水平中线和当前行的文字中线对齐
  91. left:
  92. center:
  93. right:


  94. 图像的超链接:
  95. 图像的超链接和文件的超链接相似
  96. 语法:
  97. <a href="链接地址"><img src="图片地址"></a>

  98. 图像热区链接:
  99. 直接在设计视图里面搞定。

  100. HTML列表有三种类型:
  101. 一种是无序列表,项目符号由几个符号组成,
  102. 一种是有序列表,项目符号是由字母或数字组成,
  103. 一种是定义列表。


  104. 有序列表:
  105. 创建一个有序列表,以打开和关闭<ol>为开始,每个列表元素由<li>标识,接受标记为</li>
  106. <ol>
  107. <li></li>
  108. <li></li>
  109. <li></li>
  110. <li></li>
  111. </ol>
  112. 有序列表有五种类型:
  113. 1   12345......
  114. a   abcde.....
  115. A   ABCDE.....
  116. i        i ii iii iv.....
  117. I   I II III IV.....

  118. 有序列表可以指定类型和指定开始数值
  119. 如:
  120. <ol type="a" start="2">
  121. <li>1</li>
  122. <li>2</li>
  123. <li>3</li>
  124. <li>4</li>
  125. </ol>

  126. b  1
  127. c  2
  128. d  3
  129. d  4

  130. 无序列表
  131. <ul>
  132. <li><li>
  133. <li><li>
  134. <li><li>
  135. <li><li>
  136. </ul>

  137. 目录列表
  138. <dir>
  139. <li></li>
  140. </dir>


  141. 定义列表标记
  142. 定义列表:definition list

  143. <dl>
  144. <dt>定义条件信息</dt>
  145. <dd>定义描述信息</dd>
  146. </dl>


  147. 菜单列表标记:
  148. <menu>
  149. <li></li>
  150. </menu>




















复制代码





作者: 123_yaya    时间: 2014-6-8 09:53
其实下一份老师的ppt看总结,效果最好。
作者: 小草君    时间: 2014-6-8 20:31
谭荣强 发表于 2014-6-8 05:06
没人看吧,面试不考

面试不考吗?,怎么有人说考啊?你面试时考了吗?
作者: 谭荣强    时间: 2014-6-8 21:50
小草君 发表于 2014-6-8 20:31
面试不考吗?,怎么有人说考啊?你面试时考了吗?

我特意问了,客服说不考,她说的。要不你在问问




欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2