A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

本帖最后由 小石姐姐 于 2018-1-18 11:11 编辑

Web阶段总结
Day01基础标签总结
<!DOCTYPE html>
<html><!--跟标签-->
        <head><!--头标签-->
                <meta charset="utf-8">
                <title></title>
        </head>
        <body>
                <!--字体标签-->
                <font color="yellow">第一种颜色表现方式</font><br /><!--换行符-->
                <font color="FF0000">第二种颜色表现方式</font><br />
                <font size="5">字体大小</font><br />
                <font face="微软雅黑">字体类型</font><br />
               
                <!--排版标签-->
                <h1>标题标签,一级标题</h1><br /><!--h1到h6个档位,h1最大-->
                <p>段落</p><br /><!--为了分段-->
                <b>加粗</b><br />
                <i>斜体</i><br />
                <u>下划线</u><br />
                <center>居中</center><br />
               
                <!--特殊-->
                <pre>原生标签</pre><br />
                <hr /><!--横线--><br />
               
                <!--
                        图签标签
                        src        :图片的来源. 掌握路径寻找方式
                        width:图片的宽度.
                 height:图片的高度.
                 alt        :图片找不到显示的内容.
                -->
                <img src="b.jpg" height="200" width="500"/><!--同一级路径--><br />
                <img src="../a.jpg" /><!--文件的上一级路径--><br />
                <img src="../css/c.jpg" /><!--文件的下一级路径--><br />
               
                <!--列表标签-->
                <!--
                        ol有序列表---到底---href连接的路径---加相对路径或网址---
                        targeg打开方式是自身页面或者新页面打开---
                -->
                <ol><li><a href="各种标签总结.html">有序列表</a></li></ol><br />
                <ol><li><a href="http://www.baidu.com" target="_self">百度</a></li></ol><br />
                <ol><li><a href="http://www.163.com" target="_blank">网易</a></li></ol><br />
               
                <ul type="square"><li>无序标签的属性</li></ul><br />
                <ol type="I"><li><a target="_parent">超链接的属性</a></li></ol><br />
               
                <!--表格标签-->
                <!--表格宽度,表格高度,边框,表格水平位置-->
                <table width="50%" height="50px" border="1" align="center"><!--表格-->
                        <tr><!--第1行-->
                                <td rowspan="2">
                                <!--第1列        colspan=列数                rowspan=行数-->
                                       
                                </td>
                                
                                <td ><!--第2列-->
                                       
                                </td>
                        </tr>
                        
                        <tr><!--第2行-->
                                <td ><!--第1列-->
                                       
                                </td>
                                
                                <td ><!--第2列-->
                                       
                                </td>
                        </tr>
                        
                        <tr><!--第3行-->
                                <td ><!--第1列-->
                                       
                                </td>
                                
                                <td ><!--第2列-->
                                       
                                </td>
                        </tr>
                </table>
               
                <!--表单标签-->
                <form action="b.jpg">提交的路径</form>
                <form method="get">GET:数据会显示到地址栏中.GET方式提交是有大小的限制.</form>
                <form method="post">POST:数据不会显示到地址栏中.POST方式提交的是没有大小限制.</form>
               
                <input type="text" name="username" value="张三" size="6" maxlength="50" readonly="只读文本框"/>
                <input  type="password" name="随便" value="123"/>
                <input  type="radio" value="" checked="单选默认被选中"/>单选按钮
                <input  type="checkbox"/>复选按钮
                <input type="submit">提交按钮
                <select>下拉列表</select>
        </body>
</html>
Day03
<!--
                        JS是运行在因特网上的一个脚本语言
                        ECMA欧洲计算机联盟,DOM对HTML进行增删改查,BOM获取浏览器
                        JS的用途,使页面更加丰富,使页面动起来
                        
                        ##JS的基本语法
                        
                        区分大小写
                        弱变量类型的语言
                        1.var i=3;
                          var s="abc";
                        2.统一定义为var,根据类型后的数据获得类型,分号可有可无,
                            语法要求不大严格,加分号可读性强一点
                        3.注释与Java一样
                        4.变量的命名
                        5.数据类型:两种类型
                                
                                原始类型:5个
                                                        undefined未定义,
                                                        booean:布尔类型
                                                        number:数字类型
                                                        string:字符或字符串
                                                        null:空,是占位符
                                
                                引用类型:对象类型,默认值是null
                        6.运算符:与JAVA基本一致,JS中===是全等于,可以判断类型和值都是否一致
                        7.语句:都与Java一致,如if else
                        8.输出:弹框
                        
                        JS通常开发的步骤:
                        a.由一个事件触发,定义一个函数,onclick,ondblclick
                        b.获得操作对象的控制权
                        c.修改要操作的对象的属性或值
                        
                        定义函数:
                        function 函数名(){
                                函数体
                        }
                        匿名对象创建
                        windows.onload=function(){
                                
                        }
                        
                        JS的引入方式:
                        一种 :页面内直接编写代码<script></script>
                        二种:编写.js文件
                -->
/*
                 .setInterval方法---弹出多次弹框
                 .setTimeout方法----弹出一次弹框
*/
<!--
                        alert();--------------弹出对话框
                        setInterval();--------定时弹出
                        setTimeout();---------定时弹出一次
                        clearInterval();------清除定时方法
                        clearTimeout();-------清除定时一次
                        confirm();------------弹出一个确认窗口
                        prompt();-------------弹出一个可输入的对话框
                        open();---------------打开一个新窗口
                -->
*/

2 个回复

倒序浏览
回复 使用道具 举报
Catherine.qing 来自手机 中级黑马 2018-1-20 00:42:56
藤椅
Catherine.qing 发表于 2018-1-17 15:53
Web阶段总结 Day01基础标签总结                                                                        ...

老师,我抓到你了,活捉凯凯一只
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 加入黑马