程序员人生 网站导航

JAVAEE就业--HTML语言总结

栏目:htmlcss时间:2015-03-21 09:21:06



Html:超文本标记语言

   :网页语言
    规范:1,以<html>开始,以</html>结束
          2,有两个部份组成,<head></head>和<body></body>
        头标签中的title标签可以显示

    对数据进行操作,先要用标签封装数据子,在设置其属性和属性值
    格式: <标签 属性 = "属性值"></标签>其中 也能够这样写 <标签 属性 = '属性值'></标签>
    有的标签没有结束。。例如<br/>在标签内结束。

**** html思想    
    网页中的数据,根据需求不同可能显示的效果不同,可以通过修改标签的属性和属性值来到达效果。
    而标签相当于1个容器,可以通过修改容器的属性值来改变容器内的所有数据

经常使用标签
    ***文字和注释:
        <font></font>
            size:范围是1⑺,超过7就当7
            color:

    ***标题标签:
        <h1></h1><h2></h2>......<h6></h6>...字体愈来愈小。

    ***水平线标签:
        <hr color = "blue" size="5"/>  没有结束标签,在标签内结束size值是粗细

    ***特殊字符:
        &lt;   <
        &gt;   >
        &nbsp; 空格
        &amp;   &
        双引号”:&quot;
        注册符:&reg;
        版权符: &copy;

    ***列表标签:
      <dl></dl>:表示列表内容
        <dt></dt>:列表标题  上层内容
            <dd></dd>:列表  下层内容

    ***有序号的显示列表内容
    <ol></ol>:标签范围:
    <!--
        属性type 值 1
        属性type 值 a
        属性type 值 i
    -->
        <li>内容</li>
    
    ***无序号的显示列表内容
        <ul></ul>:标签范围:
        <!--
            属性type 值 type: 空心圆circle 、实心圆disc 、实心方块square ,默许disc
        -->
            <li>内容</li>
        

    ***图象标签
        <img src="图片地址" width="图片宽度" height="图片高度"/>
            **<alt>这是图片上显示的内容,鼠标放在图片上等片刻就能够看到</alt>

            图象在html上级目录用"../"表示上级目录,都是相对html文件来讲的
            辨别相对路径和绝对路径


    ***超链接标签
        **连接资源
        <a href="要来连接的地址">显示的内容</a>
        其中1个属性
            属性 target 值_self  在当前页面打开 阅读器默许的
            属性 target 值_blank 在新建页面打开
        <a href="要来连接的地址"target="_blank" >
        **定位资源(回到顶部案列)
        定义位置:<a name="位置"></a>
        到达位置:<a href="#位置"></a>//1定加上#
        **原样输出标签:<pre>内容</pre>
    
    ***表格标签
        作用:对数据格式化,规范。
        <table><table/>表格范围
        <tr>行数</tr>表示1行
        <td>单元格</td>单元格
        table属性
            border 值是1⑺
            bordercolor 线的色彩
            width 宽
            height 高
            cellspacing 单元格之间的距离
        tr属性
            对齐方式:align 值:left:居左 center:居中 right:居右
        td属性
            对齐方式:align 值:left:居左 center:居中 right:居右
    
        **表示单元格<th></th>:作用是居和加粗中单元格内容
        **表格标题<caption>设置表格的标题</caption>
        **表格居中<center></center>,写在table外面
        **合并单元格
            rowspan:跨行
            colspan:跨列

        
        <></>
        例如:
        <table border="0" bordercolor="RED" cellspacing="单元格直接的距离">
            <tr rowspan="3"><!--跨行-->
                <td>单元格</td>
                <td>单元格</td>
            </tr>
            <tr>
                <td colspan="2">单元格</td><!--跨列-->
                <td>单元格</td>
            </tr>
        <table/>

    ***表单标签(最重要)
        **<form action="服务器"><form/>表示表单的范围,开始结束
            **提交的服务器,可使用属性:action
            **设置提交方式:可使用属性:method 值get和post方式提交
            **文件上传的设置:属性 enctype

        *面试题:form标签提交的get和post方式的区分?    
                get要求数据会在地址栏显示,
                get要求安全级别较低,post安全相对较高,
                get要求数据大小有限制,post要求没有大小的限制


        **<input type="不同类型"/>
            1,<input type="text"/>文本输入项
            2,<input type="password"/>密码输入项
            3,<input type="radio" name="sex" value="nan"/> 单选输入项1
                <input type="radio" name="sex" value="nv"/> 单选输入项2
                **必须有name,且name1致,默许选择用属性checked="checked"
                **除有name属性,还有value属性
            4, <input type="checkbox" name="love" value="1"/>复选输入项
                <input type="checkbox" name="love" value="2"/>复选输入项2
                <input type="checkbox" name="love" value="3"/>复选输入项3
                **除有name属性,还有value属性
                **默许选择状态 可使用属性checked="checked"
            5,<select name="xueli">下拉选择项
                    <option>--情选择--</option>
                    <option>下拉选择项2</option>
                    <option>下拉选择项3</option>
                    <option>下拉选择项4</option>
                    **这里也应当有value值

                </select>
            6,<textarea cols="几行" rows="几列" ></textarea>文本域

            7,<input type="file"/>文件输入项

            8,<input type="submit" value="按钮显示文字"/>提交按钮,提交到服务器

            9,<input type="image" src="图片地址">提交操作,图片提交

            10,<input type="reset" value="重置按钮名字"/>重置按钮,恢复表单的初始状态

            11,<input type="button" value="1个按钮">普通按钮,和js结合
            
            12,<input type="hidden" name="隐藏内容 ">隐藏项

            HTML中其他标签
            b  加粗
            u  下划线
            i  斜体
            s  删除线
            p  段落
            pre原样输出
            sub下标
            sup上标
            div自动换行
            span在1行显示
            
    **html的头标签
        title:标题
        base:设置超链接1些操作
        meta:提供页面有关的信息,比如关键字的搜索页面
        link:援用外部文件,常常和css1起使用
        
        ***框架标签
            把页面分成多个独立页面
                frameset:页面划分方式
                    属性rows
                        <frameset rows="30,*">
                    属性cols
                        <frameset cols="30,*">
                frame
                    <frame src="html路径"></frame>
        ***使用框架标签时,不能写在body内,也不能写在其外面,解决办法是去除body

        ***扩大标签 a
        如果访问网络资源 加上"HTTP://"<a href=src="http://www.baidu.com">百度1下</a>
        对阅读器不支持的协议,会在启动时在本地寻觅所支持的利用程序
------分隔线----------------------------
------分隔线----------------------------

最新技术推荐