WEB入门

06-01 1388阅读

前言

        结构:html

        表现:css

        行为:javascript

HTML

超文本语言

简易结构



    
    
    
    Document 
    


    

在html中不区分大小写

标签

        基础标签

  1.            

    -

       定义标题 

    最大

    最小
  2.                            定义粗体文本
  3.                             定义斜体文本
  4.                    定义文本居中
  5.           定义段落


  6.          定义换行

特殊符号

               

                > 为>

                版权符号为©

音频视频图片

        img:定义图片

                             src:规定显示图片的url(统一资源定位符)

                             height:定义图片的高度

                              width:定义图片的宽度

        audio:定义音频:支持音频格式:MP3, wav,ogg

                        scr:定义音频的url

                        controls:定义播放控制

        video:定义视频,支持的视频格式:mp4,webm,ogg

                scr:定义音频的url

                controls:定义播放控制

超链接标签

        定义超链接用于链接到另一个资源

                herf:指定访问的资源的url

                target:指定打开资源的方式:

                                _self:默认值,在当前页面打开

                                _blank:在空白页面打开

 列表标签

               

    :  有序列表 属性:type:A,1,Ⅰ;

                   

    :  无序列表 属性:type:circle 空心圆

                                                         square 实心方形

                                                         disc 默认 实心圆

    表格标签

                   

    定义表格

                                    border 规定表格边框的宽度

                                    width  规定表格宽度

                                    cellspacing 规定单元格之间的空白

                   

    定义行

                                    align:定义表格行间的内容对其方式

                   

                                                                    4.checkbox 定义复选框(默认选中 :checked)

                                                            WEB入门

                                                                    5.file  定义文件上传按钮

                                                                    WEB入门

                                                                   6.hidden  定义隐藏的输入字段 在页面上看不到

                                                                    7.submid 定义提交按钮 提交按钮会清除所有数据

                                                                    7.button 定义点击按钮

                            下拉列表

                                                    1.需要结合子标签 option一起使用,有N个下拉就有N个option

                                                    2.提交到后台数据是用户是用户当前选中的下拉项的option的value项值

                                                    3.option的属性SELECTED表示当前下拉项被选中

                        

                                                    

                                                          

    定义单元格(列)

                                    rowspan 规定单元格可横跨的行数

                                    colspan 规定单元格可横跨的列数

    布局标签

            定义HYML文档中的一个区域部分,经常与CSS一起使用,用来布局页面

                            块级标签即单独占一行的标签

            用于组合行内元素

                            属于行内标签共处一行的标签:,

    Form表单标签

                          表单:在网页中主要负责数据采集功能,使用定义表单

                          表单项:不同类型的input元素

              定义表单 所有收集的数据必须放在Form中

                            action:规定当提交表单时向何处发送表单数据,URL

                            method :规定用于发送表单数据的方式

                                            get (默认):浏览器会将数据直接附在表单的action URL 上 缺点:1.不安全 2.有大小限制3.只能传输字符数据

                                            post:post方法将表单数据作为请求体的一部分发送到服务器。与get方法将数据附加在 URL 后面不同,post的数据不会显示在 浏览器的地址栏中,这使得它更适合传输敏感信息 特点:1.安全 2.无大小限制3. 可传输任意数据

                            输入域

                                    表单项,通过TYPR属性控制输入形式

                                                    palceholder:在输入框为空时显示内容

                                                    type取值

                                                                    1.text  默认值 定义单行的输入字段

    WEB入门

                                                                    2.password 定义密码字段

    WEB入门

                                                                    3.radio  定义单元按钮只能选一个 通过name属性属性保证单选效果 要求:name属性值必须一样 (默认选中 :checked)

                                                                                    例:

       
    性别 男 女
免责声明:我们致力于保护作者版权,注重分享,被刊用文章因无法核实真实出处,未能及时与作者取得联系,或有版权异议的,请联系管理员,我们会立即处理! 部分文章是来自自研大数据AI进行生成,内容摘自(百度百科,百度知道,头条百科,中国民法典,刑法,牛津词典,新华词典,汉语词典,国家院校,科普平台)等数据,内容仅供学习参考,不准确地方联系删除处理! 图片声明:本站部分配图来自人工智能系统AI生成,觅知网授权图片,PxHere摄影无版权图库和百度,360,搜狗等多加搜索引擎自动关键词搜索配图,如有侵权的图片,请第一时间联系我们。

相关阅读

目录[+]

取消
微信二维码
微信二维码
支付宝二维码