黑马程序员_javaScript笔记

------- android培训、java培训、期待与您交流! ----------

1 Html内容
1.1)
Html就是超文本标记语言的简写,是最基础的网页语言
Html是通过标签来定义的语言,代码都是由标签所组成
Html代码不用区分大小写
Html代码由开始 结束.里面由头部分和体部分两部分组成
头部分是给Html页面增加一些辅助或者属性信息,它里面的内容会最先加载
体部分是真正存放页面数据的地方

1.2)
多数标签都是有开始和结束标签,其中有个别标签因为只有单一功能,或者没有要修饰的内容,那么可以在标签内结束
想要对标签修饰的内容进行更丰富的操作,就用到了标签中的属性,通过对属性值的改变,增加了更多的效果选择.
属性与属性值之间用"="连接,属性值可以用双引号或单引号或者不用引号,一般都会用双引号,或公司规定书写规范
格式:<标签名 属性名="属性值"> 数据内容
     <标签名 属性名="属性值" />

1.3)操作思想:
为了操作数据,都需要对数据进行不同标签的封装,通过标签中的属性对封装的数据进行操作
标签就相当于一个容器,对容器中的数据进行操作,就是在不断的改变容器的属性值

2 常用标签的使用
2.1)字体标签
例子:字体标签示例
注:简单颜色可以直接写对应的英文单词,复杂颜色用16进制表示,表现形式#FF0000两个数为一组,按红,绿,蓝排列,如:#00FF00表示绿色.建议用工具选取

2.2)标题标签:

...


因为标题是文本中常用的内容,为了方便操作而定义的,其实就是某个字体和粗体的组合

2.3)特殊字符:
如果要在网页上显示一些特殊符号,比如< > &等.因为这些符号在代码中会被浏览器识别并解释,所以用一些特殊方式来表示
< &qt; & " &req; © ™  
< > & "     空格

3 列表
3.1)列表标签


:上层项目
:下层项目
注意:
都要放在
中使用
例子:

 
游戏名称

  
星际争霸

  
红色境界

 
部门名称

  
技术部

  
培训部


效果:
 游戏名称
  星际争霸
  红色境界
 部门名称
  技术部
  培训部

3.2)列表中项目符号对应的标签

    :数字标签(a A 1 i r)
      :是符号标签
    • :具体项目内容标签.此标签只在
          中有效
          通过type属性更改项目符号,如果想做出效果更好的列表,如:黑色圆点就用css

          4 图像
          4.1)图像标签
          例:Introduce of the photos
          align:属性定义图片的排列方式,
          border:用来设置图像的边框
          src:连接一个文件

          4.2)图像地图
          应用:当要在图像中选取某一部分作为连接的时候.如中国地图每个省所对应的区域
          map标签要和img标签联合使用.Href是超连接
          the introduce of the photos
           
            
            
           

           

          5 表格
          5.1)表格标签


          组成:
          标题标签
          单元格标签和

          6 超链接标签有两种用法
          6.1)超链接
          超链接

          例子:
          新浪
          href属性值可以是url,也可以是本地文件,
          target属性是指定在那个窗口打开,其中_blank表示在新窗口中打开
          title:当鼠标放到新浪的时候,显示新浪的说明
          例子:

          
           
          
           
          
           
            顶部位置

          新浪
          联系我们
          下载
          给表格提供标题
          表头标签:
          一般对表格的第一行或者第一列进行格式化,就是粗体显示,并不常用
          行标签:
          加载行标签的里面,可以简单理解为,先有行,在行中再加入单元格
          格式:

           
           
            
            
           
           
            
            
           
          表格标题
          姓名年龄
          张三23

          5.2)例子
          colspan:表示单元格占两列
          rowspan:表示单元格占两行

          
           
            
           
          
           
            
          我是标题
          我是张三
          我是王五 我是赵六
          我是张三 我是李四
          我是王五


           

          5.3)tbody的作用
          可以控制表格分行下载,从而提高下载速度,网页的打开是先表格的内容全部下载完毕后,才显示出来的,分行下载可以先显示部分内容,这样会减少用户等待事件
          使用tbody的不到是可以使得这些包含在内的代码不用在整个表格都解析后一起显示,就是说如果有多行,那么如果得到一个tbody行,就可以显示一行
          tbody这个标签可以控制表格分行下载,当表格内容很大时比较使用,在需要分行下载处加上

          第一行第一个单元格 第一行第二个单元格
          第二行第一个单元格 第二行第二个单元格
          第一行第一个单元格 第一行第二个单元格
          第二行第一个单元格 第二行第二个单元格
          第一行第一个单元格 第一行第二个单元格
          第二行第一个单元格 第二行第二个单元格
          回到顶部


           

          6.2)定位标记
          一般在本页面中使用,当网页内容过长,定位标记会比拖动滚动条方便快捷
          注:定位标记要和超链接结合使用才有效
          例子:
          标记位置

          .....
          返回标记位置
          注意:使用定位标记时一定要在href值的开始处加入$标记名

          7表单
          7.1)表单标签

          表单标签是最常用的标签,用于与服务器端的交互
          :输入标签:接受用户输入信息

          7.2)type选择标签
          type属性指定输入标签的类型
          文本框text:输入的文本信息直接显示在框中
          密码框password;输入的文本以原点或者星号的形式显示
          单选框radio:如性别选择
          复选框checkbox:如兴趣选择
          隐藏字段hidden:在页面上不显示,但在提交的时候随其他内容一起提交
          提交按钮submit:用于提交表单中的内容
          重置按钮reset:将组件中填写的内容设置为初始值
          按钮button:自定义一个按钮默认是没有任何效果的可以为其自定义事件
          file:后期扩展内容,文件上传会自动生成一个文本框,和一个浏览按钮
          图像image:它可以替代submit按钮,为了提交按钮的难看,可以用image的src属性链接一个好看的按钮图片,完成提交效果
          例子:

          
           
          
           
           
           
           
          注册区域
          信息注册页面
          用户名:
          密码:
          确定密码:
          性别:
          技术: java jsp Servlet
          国家:

           

          7.3)