黑马程序员技术交流社区

标题: javaee7班学习总结 [打印本页]
作者: zhoufan0628    时间: 2017-12-12 21:52
标题: javaee7班学习总结
周帆
今天重新复习了下HTML和CSS的代码以及项目,自己整理了下笔记 贴出来给大家分享下,求大神指点
笔记内容:
html:
    超文本标记语言
    超文本:超越了一般文本,描述文本字体,颜色,图片
    标签:标记
    html书写规范:
        文件后缀名为.html或者.htm
        标签必须用<>引起来,已经定义好的标签
        属性:key="value" 建议属性的值用引号引起来
        不区分大小写
    注意:我们最好将所有内容放在一个标签汇总<html></html>
        有开始标签和结束标签的标签为围堵标签
        没有结束标签的称之为空标签<br/>
        开始标签和结束标签之间的内容称为标签体
        <!---->注释标签
        标签必须正常嵌套
        标签最好关闭
        
文件标签
    html
    常见子标签
        head
        body
标题标签 :
        <hn></hn>取值1-6
        自动换行 且留白 默认加粗
        align :对齐方式
            left:左
            right:右
            center:居中
        格式:<h2 align="left"><h2>
字体标签:font
    <font></font>
    常见属性:
        face:字体标签
        size:尺寸
        color: 颜色
        
颜色的取值(RBG)
        方式1:#xxxxxx x为16进制数
        方式2: 英文单词
段落标签
    <p></p>
其他标签
    <b></b> <strong></strong>:加粗
    <i></i>:斜体
水平线标签
    <hr/>
换行标签:
    <br/>
////////////////////////////////////////
图片标签:
    <img/>
        常用属性
            src:图片的路径
            alt:替代问题 图片展示不出来的时候
            title:移上去显示的文字
            width:宽
            height:高
        大小的写法:
            像素 : 230px;
            百分比: 20%
/////////////////////////////////////////
列表标签
    <ul></ul>无序的
    <ol></ol>有序的
   
    常用的子标签:
        <li></li>列表项
        
超链接
    <a></a>
        常用属性:
            href:跳转路径
            target:在哪儿打开
                默认值是_self   _blank(在空白页面打开)
   
///////////////////////////////////////////////////////
表格标签:★
    <table></table>
        常用子标签
        <tr></tr>行
            常用字标签
                <td></td>列 单元格
                <th></th>表头单元格
               
    table的常用属性
        border:边框  传入像素值
        width:宽
        height高
        align:对齐方式
        bgcolor:背景色
        
    tr的常用属性
        align:行中内容对齐
    td的常用属性:
        align:单元格内容对齐
        colspan:跨列合并 : 合并的列数
        rowspan:跨行合并 : 合并的行数
        
/////////////////////////////////////////////////////////////
表单标签★★★★★★★★★★★★★★★★★

    常用属性:
        action:将信息提交的路径 默认是当前页面
        method:表单提交方式
            只用俩:post/get   默认get


    <form></form>
    作用:
        从游览器端收集用户的信息.
    常见子标签:
        input:输入框
            type属性值:
            text:文本框
            paddword:密码框
            radio:单选按钮
            checkbox:复选按钮
            file:文件框
            submit:提交按钮
            reset:重置按钮
            button:普通按钮
            hidden:隐藏内容
            image:图片提交按钮
        select:下拉选
            子元素 <option value="提交的内容">展示的内容</option>
            属性
        textarea:文本域
        file:文件框
        //这几个需要写在input的type属性 将这几个东西作为属性值传入
        submit:提交按钮
        reset :充值按钮
        button:普通按钮
        
        hidden:隐藏的 在页面上不显示 但是提交的时候会提交过去
        image :图片提交 替代submit
        
        属性:
            name属性:
                可以将几个单选框(复选框)整合成一个组 但是name属性值要统一
                要想将信息保存到服务器,必须要有name属性
               
            readonly:表示只能读 只读
            disabled:禁用的
            
///////////////////////////////////////////////////////////////
框架标签
<frameset></frameset>标签:框架集标签
<rrame></frame>标签:框架标签
frameset:框架集(了解即可)
    常用的属性:
        cols:垂直切割(你懂什么意思撒)
        例如:cols = "40%,*"这表示左边占整体的百分之40 其余的给右边
            cols = "40%,*,30%"表示把整体分成三块,左中右各占对应的大小
        常见子标签:
            frame
        注意:
            最好和body不要共存 有框架不要body
frame:具体的实现
    常用属性:
        src:展示的页面的地址(url)
///////////////////////////////////////////////////////////////
补充:
    转义字符:
        三部分构成的 & 实体 ;
        掌握的转义字符:
            > &gt;//great then
            < &lt;
            & &amp;
            空格 &nbsp;
    ///////////////////////////
    meta
        元信息
        <meta charset = "UTF-8">指定游览器用什么编码集打开
   
    //////////////////////////////
    总结结束

作者: 狸大大    时间: 2017-12-13 09:06
   棒棒哒
作者: 陈文老师    时间: 2017-12-13 11:22
继续加油~~~持之以恒
作者: xiongliu    时间: 2017-12-13 12:23
有重点，，有补充，，，每天笔记写得挺细的，，，
作者: 1414225997    时间: 2017-12-14 09:43
保持，继续努力
作者: 渝小妹    时间: 2017-12-19 11:03
不错不错   加油   学习使你快乐



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