黑马程序员技术交流社区

标题: 【石家庄校区】JavaEE_day01_HTML总结 [打印本页]
作者: 奔跑的蜗牛006    时间: 2018-5-3 15:54
标题: 【石家庄校区】JavaEE_day01_HTML总结
本帖最后由 小石姐姐 于 2018-5-4 09:54 编辑

JavaEE_day01_HTML总结
HTML:
表单标签
表格标签
图片标签
超链接
HTML概述:        超文本标记语言.
标记语言:        通过一组标签描述事物的一门语言.
超文本:                比普通文本更强大.
HTML:        用来制作静态页面.设计网站页面.
创建HTML:        .html或者.htm
结构标签:
< head>        html的头标签
< body>        html的体标签
字体标签:
< font color="red" size="1-7" face="">        < br/>
属性:        color:        black,red,green,blue...
​                        16进制数:        #FFFFFF红绿蓝,或者#FFF
​                size:        1-7         
​                face:        字体
HTML排版标签:标题标签:h
<!--注释-->
< h1>一级标题< /h1>        h1--h6
段落标签:p
< p> 一段内容 < /p>,分段落
字体加粗标签:b
< b>一段内容< /b>
斜体标签:        < i>
下划线:        < u>
居中:        < center>
HTML5:        <!DOCTYPE html>
   空格
< pre>按原格式显示< pre>
< hr/>        横线
< br/>        换行
菜鸟教程
图片标签:        < img>  src  width  height  alt:图片找不到显示内容
​                        width="90px"  像素
​                        同级路径:        直接写文件名,或者./文件名
​                        上级目录:        ../文件名  或者  ../../文件名
​                        下级路径:        
列表标签:
列表项:li
有序列表                < ol >< li>
type属性:
1   数字类型
a   英文类型
i    罗马字符
start属性:        从哪开始
无序列表                < ul >< li>
type属性:disc  实心点
​                circle  空心圆
​                square  方块
超链接标签:        < a>
​                        < a href="" >< /a>:链接路径#没反应
target属性:        打开方式
​                "_self"   在本身打开
​                _blank:新打开一个窗口
​                _parent
表格标签:
< table>
​        < tr>行
​                < td>     </ td>列(20%或者20px)
​        < /tr>
< /table>
属性:        width:
​                height
​                border边框
​                align表格水平位置
​                        属性:left
​                                center
​                                right
< td>属性:        合并单元格
​                colspan        ="列数"自己占几列就写几,删了被占用的那列.
​                rowspan="跨行"
网站注册页面显示
background : url  背景图片
bgcolor背景颜色
cellspacing 行与行隔点距离
●●●表单标签:
< form>
属性:        action:        提交的路径,默认提交到当前页面
​                method:                请求的方式,GET和POST.默认是GET.
​                                        GET和POST的区别:
​                                                GET:数据会显示在地址栏,有大小限制
​                                                POST:数据不会显示在地址栏,没有大小限制
地址栏规范:        地址  ?   参数&参数
表单元素:
表单输入3种:         input                type属性
​                        < select>        :下拉列表   option  value,  默认选项selected,< option value="广州">广州< /option>
​                        < textarea>        :文本域
type属性:
< input  type="text">        :文本框.
属性:        name        表单元素的名称,必须有name属性,后台接收
​                value        文本框的默认值
​                size                文本框的长度
​                maxlength        文本框输入的最大长度
​                readonly        只读文本框,不能修改
​                disable                不提交,灰色废弃
< input  type="password">                :密码框
属性:        name
​                value
​                size
​                maxlength
< input  type="radio">                :单选按钮   得有value, name属性一样
属性:        name
​                value
​                checked                单选按钮默认被选中
< input  type="checkbox"                :多复选按钮   得有value, name属性一样
属性:        name
​                value
​                checked
< input  type="button">        :普通按钮,没有任何功能value:改名字
< input  type="submit">        :提交按钮
< input  type="reset">                :重置按钮
< input  type="file">                :文件上传的表单项
< input  type="hidden">        :隐藏字段
< input  type="image">        :图片按钮
扩展:        < input  type="email">
​                < input  type="date">
​                < input  type="number">
​                < input  type="color">





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