黑马程序员技术交流社区

标题: 【石家庄校区】JavaWeb学习之路-1 [打印本页]

作者: htb52110 时间: 2017-11-20 22:30
标题: 【石家庄校区】JavaWeb学习之路-1
HTML
第一天
1.概念:
HTML:yper Text Markup Lanuage  超文本标记语言
2.结构标签
根标签:<html></>
头标签:<head></>
体标签:<body></>
3.字体标签
使用:<font>文字</font>
属性:<标签名属性="" 属性="">
color:颜色
size:字体大小
face:字体
4.HTML5
是对标签.css.java
5.图片标签
<img></>
属性:
src="" 图片的路径
width="" 宽度
height ="" 高度
alt 图片找不到是显示的内容
注意:图片的引用路径问题
图片的引入的路径问题:
* 路径：相对路径.
      * 如果引入的图片和html文件在同一级路径。
         * 直接写文件名或者./文件名
            <img src="cs10006.jpg" />
            <img src="./cs10006.jpg" />
      * 如果引入的图片在html文件的上一级路径。
         * <img src="../cs10006.jpg" />
      * 如果引入的图片在html文件的下一级路径。
         * <img src="img/cs10006.jpg" />
6.列表标签
有序列表
<ol>
<li></lli>
</ol>
无序列表
<ul>
<li></li>
</ul>
取消列表内的小圆点style="style="list-style: none;""(在ul标签内)
7.超链接标签
HTML的超链接标签：<a>
   * 属性:
      * href :链接的路径
      * target :打开的方式
         * _self :在自身页面打开
         * _blank  :新打开一个窗口
8.表格标签
<table>
<tr>
<td></td>
<td></td>
</tr>
</table>

属性:
width :表格宽度
height :表格高度
border :边框
align :表格水平位置:
      * left
      * center
      * right

<td>的属性:
* colspan=”列数”
* rowspan=”行数”
9.表单标签
HTML的表单标签：<form>
   * 常用属性:
      * action属性:提交的路径.默认提交到当前页面
      * method属性:请求的方式.GET和POST.默认是GET.
            ***** GET方式和POST方式的区别?
               * GET :数据会显示到地址栏中.GET方式提交是有大小的限制.
               * POST  :数据不会显示到地址栏中.POST方式提交的是没有大小限制.
HTML中表单元素：
* <input type=”text”>    :文本框.
* 常用属性:
      * name :表单元素的名称.必须有name属性，然后后台才可以接收数据.
      * value  :文本框的默认值.
      * size :文本框的长度.
      * maxlength:文本框输入的最大长度.
      * readonly:只读文本框.
* <input type=”password”> :密码框.
* 常用属性:
      * name :表单元素的名称.必须有name属性，然后后台才可以接收数据.
      * value  :密码框的默认值.
      * size :密码框的长度.
      * maxlength:密码框输入的最大长度.
   * <input type=”radio”>    :单选按钮.
* 常用的属性:
      * name :表单元素的名称.必须有name属性，然后后台才可以接收数据.
      * value  :单选按钮的默认值.
      * checked:单选按钮默认被选中.

* <input type=”checkbox”> :复选按钮.
* 常用的属性:
      * name :表单元素的名称.必须有name属性，然后后台才可以接收数据.
      * value  :单选按钮的默认值.
      * checked:单选按钮默认被选中.

* <input type=”button”>    :普通按钮.没有任何功能的按钮.
* <input type=”submit”>    :提交按钮.
* <input type=”reset”>    :重置按钮.
* <input type=”file”>    :文件上传的表单项.
* <input type=”hidden”>    :隐藏字段.
* <input type=”image”>    :图片按钮

* <select>                :下拉列表.
* <textarea>             :文本域.

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

黑马程序员IT技术论坛 X3.2