Js使用---入门逻辑训练------

js中变量的使用:!!!

   
       
    
     
                     
猜字游戏:
        
        
   randomNamber = Math.random();
    
用户输入数据:                

2.表格




   
   
    Document
   


   


       
                       
           
       
       
           
                      
       
       
           
       
   


3.热点图及视频

map+img
    img:usemap = #map的name
    map:name
         
    
audio
video
   src,controls,muted,autoplay,loop,source

Js使用---入门逻辑训练------_第1张图片

4、表单

前端往后台发送数据的

我们今天的学习需要掌握十种input的表单形式,select,textarea。

form  
   action:提交的后台地址
   method:get/post 请求提交的方法  
       get:参数传递是放在地址栏上通过url传送,不安全,有长度限制
       post:参数通过请求体发送,相对安全
 input:
     type:text,password,radio,checkbox,submit,button,reset,image,file,hidden
     name:传递数据
     value:值
     placeholder,required,readonly,disabled,checked....
 button:自带提交的按钮
 select~option
 textarea:多行文本域
5.框架

frameset和iframeset

页面布局

国字型 拐角型


     
     
       
         
         
     
             

1.2 iframe

内联框架:既保留框架作为模块分隔的优势,又能够和body和平共处




   
   
    Document


   


        login
        music
        hot
   


   
   

8888


     ©2024

行内元素和块级元素的问题

块级:独占一行

行内:共占一行

注意:块级元素里面可以放行内元素,但是行内元素里面不要放块级元素

块级:div p  h1-h6  ul-li ol-li  dl-dt-dd  table
行内:span  a   strong  em   img   iframe

你可能感兴趣的:(javascript,前端,html)