Web—01-快速入门:HTML

<div class="markdown-here-wrapper" data-md-url="https://i.cnblogs.com/EditPosts.aspx?opt=1"&gt;
<h3 id="html-" style="margin: 1.3em 0px 1em; padding: 0px; font-weight: bold; font-size: 1.3em">html概述和基本结构


            
        网页标题
    
    
          网页显示内容
    

标签定义一个文本段落, 一个段落含有默认的上下间距, 段落之间会用这种默认间距隔开. 换行:
空格:&nbsp; 注:“<” 和 “>” 的字符实体为 &lt; 和 &gt;

 标签 块元素,表示一块内容,没有具体的语义。
2、 标签 行内元素,表示一行中的一小段内容,没有具体的语义。
 标签 行内元素,表示语气中的强调词
2、 标签 行内元素,表示专业词汇
3、 标签 行内元素,表示文档中的关键字或者产品名
4、 标签 行内元素,表示非常重要的内容

标签可以在网页上插入一张图片,它是独立使用的标签,它的常用属性有:
src属性 定义图片的引用地址
alt属性 定义图片加载失败时显示的文字,搜索引擎会使用这个文字收录图片、盲人读屏软件会读取这个文字让盲人识别图片,所以此属性非常重要。

<img src="images/pic.jpg" alt="产品图片">


<h5 id="-" style="margin: 1.3em 0px 1em; padding: 0px; font-weight: bold; font-size: 1em">绝对路径和相对路径

<p style="margin: 0px 0px 1.2em !important">绝对地址:相对于磁盘的位置去定位文件的地址。相对地址:相对于引用文件本身去定位被引用的文件地址。


<p style="margin: 0px 0px 1.2em !important">绝对地址在整体文件迁移时会因为磁盘和顶层目录的改变而找不到文件,相对路径就没有这个问题。相对路径的定义技巧:

,
  • 配合使用来实现,代码如下:
    1. 列表文字一
    2. 列表文字二
    3. 列表文字三
  • 配合使用来实现,代码如下:
  • 标签表示列表的整体。
    
    标签定义术语的题目。
    标签是术语的解释。 一个
    中可以有多个题目和解释,代码如下:

    前端三大块

    html
    负责页面的结构
    <dt>css</dt>
    <dd>负责页面的表现</dd>
    
    <dt>javascript</dt>
    <dd>负责页面的行为</dd>

    标签 定义整体的表单区域
    
    action属性 定义表单数据提交地址
    method属性 定义表单提交的方式,一般有“get”方式和“post”方式

    2、

    3、标签 定义通用的表单元素

    type属性
        type="text" 定义单行文本输入框
        type="password" 定义密码输入框
        type="radio" 定义单选框
        type="checkbox" 定义复选框
        type="file" 定义上传文件
        type="submit" 定义提交按钮
        type="reset" 定义重置按钮
        type="button" 定义一个普通按钮
        type="image" 定义图片作为提交按钮,用src属性定义图片地址
        type="hidden" 定义一个隐藏的表单域,用来存储值
    value属性 定义表单元素的值
    name属性 定义表单元素的名称,此名称是提交数据时的键名

    4、

    border属性 定义表格的边框,设置值是数值
    cellpadding属性 定义单元格内容与边框的距离,设置值是数值
    cellspacing属性 定义单元格与单元格之间的距离,设置值是数值
    align属性 设置整体表格相对于浏览器窗口的水平对齐方式,设置值有:left | center | right

    2、<tr>标签:定义表格中的一行

    3、<td>和标签:定义一行中的一个单元格,td代表普通单元格,th表示表头单元格,它们的常用属性如下:

    align 设置单元格中内容的水平对齐方式,设置值有:left | center | right
    valign 设置单元格中内容的垂直对齐方式 top | middle | bottom
    colspan 设置单元格水平合并,设置值是数值
    rowspan 设置单元格垂直合并,设置值是数值


    <h3 id="-" style="margin: 1.3em 0px 1em; padding: 0px; font-weight: bold; font-size: 1.3em">页面布局概述

    1、table布局:
    通过table元素将页面空间划分成若干个单元格,将文字或图片等元素放入单元格中,隐藏表格的边框,从而实现布局。这种布局方式也叫传统布局,目前主要使用在EDM(广告邮件中的页面)中,主流的布局方式不用这种。

    2、HTML+CSS布局(DIV+CSS):
    主要通过CSS样式设置来布局文字或图片等元素,需要用到CSS盒子模型、盒子类型、CSS浮动、CSS定位、CSS背景图定位等知识来布局,它比传统布局要复杂,目前是主流的布局方式。


    <h3 id="table-" style="margin: 1.3em 0px 1em; padding: 0px; font-weight: bold; font-size: 1.3em">table布局以及实例

    1、按照设计图的尺寸设置表格的宽高以及单元格的宽高。

    2、将表格border、cellpadding、cellspacing全部设置为0,表格的边框和间距就不占有页面空间,它只起到划分空间的作用。

    3、针对局部复杂的布局,可以在单元格里面再嵌套表格,嵌套表格划分局部的空间。

    4、单元格中的元素或者嵌套的表格用align和valign设置对齐方式

    5、通过属性或者css样式设置单元格中元素的样式


    <div style="height: 0; width: 0; max-height: 0; max-width: 0; overflow: hidden; font-size: 0em; padding: 0; margin: 0" title="MDH:PHA+IyMjIGh0bWzmpoLov7Dlkozln7rmnKznu5PmnoQ8YnI+YGBgPGJyPiZsdDshRE9DVFlQRSBo
    dG1sJmd0Ozxicj4mbHQ7aHRtbCBsYW5nPSJlbiImZ3Q7PGJyPiZuYnNwOyZuYnNwOyZuYnNwOyAm
    bHQ7aGVhZCZndDsmbmJzcDsmbmJzcDsmbmJzcDsmbmJzcDsmbmJzcDsmbmJzcDsmbmJzcDsmbmJz
    cDsmbmJzcDsmbmJzcDsgJm5ic3A7PGJyPiZuYnNwOyZuYnNwOyZuYnNwOyZuYnNwOyZuYnNwOyZu
    YnNwOyZuYnNwOyAmbHQ7bWV0YSBjaGFyc2V0PSJVVEYtOCImZ3Q7PGJyPiZuYnNwOyZuYnNwOyZu
    YnNwOyZuYnNwOyZuYnNwOyZuYnNwOyZuYnNwOyAmbHQ7dGl0bGUmZ3Q7572R6aG15qCH6aKYJmx0
    Oy90aXRsZSZndDs8YnI+Jm5ic3A7Jm5ic3A7Jm5ic3A7ICZsdDsvaGVhZCZndDs8YnI+Jm5ic3A7
    Jm5ic3A7Jm5ic3A7ICZsdDtib2R5Jmd0Ozxicj4mbmJzcDsmbmJzcDsmbmJzcDsmbmJzcDsmbmJz
    cDsmbmJzcDsmbmJzcDsmbmJzcDsmbmJzcDsg572R6aG15pi+56S65YaF5a65PGJyPiZuYnNwOyZu
    YnNwOyZuYnNwOyAmbHQ7L2JvZHkmZ3Q7PGJyPiZsdDsvaHRtbCZndDs8YnI+YGBgPGJyPuazqO+8
    muWumuS5ieaIkOS4reaWh+aYrydsYW5nPSJ6aC1DTiInPGJyPiMjIyBodG1s5q616JC95qCH562+
    44CB5o2i6KGM5qCH562+5LiO5a2X56ym5a6e5L2TPGJyPmBgYDxicj4mbHQ7cCZndDsmbHQ7L3Am
    Z3Q75qCH562+5a6a5LmJ5LiA5Liq5paH5pys5q616JC977yMPGJyPuS4gOS4quauteiQveWQq+ac
    iem7mOiupOeahOS4iuS4i+mXtOi3ne+8jDxicj7mrrXokL3kuYvpl7TkvJrnlKjov5nnp43pu5jo
    rqTpl7Tot53pmpTlvIAuPGJyPuaNouihjO+8miZsdDticiAvJmd0Ozxicj7nqbrmoLzvvJomYW1w
    O25ic3A7PGJyPuazqO+8muKAnCZsdDvigJ0g5ZKMIOKAnCZndDvigJ0g55qE5a2X56ym5a6e5L2T
    5Li6ICZhbXA7bHQ7IOWSjCAmYW1wO2d0Ozxicj5gYGA8YnI+PGJyPiMjIyBodG1s5Z2X5qCH562+
    44CB5ZCr5qC35byP55qE5qCH562+PGJyPiMjIyMjIGh0bWzlnZfmoIfnrb48YnI+YGBgPGJyPjHj
    gIEmbHQ7ZGl2Jmd0OyDmoIfnrb4g5Z2X5YWD57Sg77yM6KGo56S65LiA5Z2X5YaF5a6577yM5rKh
    5pyJ5YW35L2T55qE6K+t5LmJ44CCPGJyPjLjgIEmbHQ7c3BhbiZndDsg5qCH562+IOihjOWGheWF
    g+e0oO+8jOihqOekuuS4gOihjOS4reeahOS4gOWwj+auteWGheWuue+8jOayoeacieWFt+S9k+ea
    hOivreS5ieOAgjxicj5gYGA8YnI+IyMjIyMg5ZCr5qC35byP5ZKM6K+t5LmJ55qE5qCH562+PGJy
    PmBgYDxicj4x44CBJmx0O2VtJmd0OyDmoIfnrb4g6KGM5YaF5YWD57Sg77yM6KGo56S66K+t5rCU
    5Lit55qE5by66LCD6K+NPGJyPjLjgIEmbHQ7aSZndDsg5qCH562+IOihjOWGheWFg+e0oO+8jOih
    qOekuuS4k+S4muivjeaxhzxicj4z44CBJmx0O2ImZ3Q7IOagh+etviDooYzlhoXlhYPntKDvvIzo
    oajnpLrmlofmoaPkuK3nmoTlhbPplK7lrZfmiJbogIXkuqflk4HlkI08YnI+NOOAgSZsdDtzdHJv
    bmcmZ3Q7IOagh+etviDooYzlhoXlhYPntKDvvIzooajnpLrpnZ7luLjph43opoHnmoTlhoXlrrkg
    PGJyPmBgYDxicj4jIyMjIyDor63kuYnljJbnmoTmoIfnrb48YnI+PGJyPuivreS5ieWMlueahOag
    h+etvu+8jOWwseaYr+WcqOW4g+WxgOeahOaXtuWAmeWkmuS9v+eUqOacieivreS5ieeahOagh+et
    vu+8jOaQnOe0ouW8leaTjuWcqOeIrOe9keeahOaXtuWAmeiDveiupOivhui/meS6m+agh+etvu+8
    jOeQhuino+aWh+aho+eahOe7k+aehO+8jOaWueS+v+e9keermeeahOaUtuW9leOAgjxicj7mr5Tl
    poLvvJo8YnI+YGBgPGJyPmgx5qCH562+5piv6KGo56S65qCH6aKY77yMPGJyPnDmoIfnrb7mmK/o
    oajnpLrmrrXokL3vvIw8YnI+dWzjgIFsaeagh+etvuaYr+ihqOekuuWIl+ihqO+8jDxicj5h5qCH
    562+6KGo56S66ZO+5o6l77yMPGJyPmRs44CBZHTjgIFkZOihqOekuuWumuS5ieWIl+ihqOetie+8
    jDxicj7or63kuYnljJbnmoTmoIfnrb7kuI3lpJrjgII8YnI+YGBgPGJyPiMjIyBodG1s5Zu+5YOP
    5qCH562+77yM57ud5a+56Lev5b6E5ZKM55u45a+56Lev5b6EPGJyPiMjIyMjIGh0bWzlm77lg4/m
    oIfnrb48YnI+YGBgPGJyPiZsdDtpbWcmZ3Q75qCH562+5Y+v5Lul5Zyo572R6aG15LiK5o+S5YWl
    5LiA5byg5Zu+54mH77yM5a6D5piv54us56uL5L2/55So55qE5qCH562+77yM5a6D55qE5bi455So
    5bGe5oCn5pyJ77yaPGJyPjxicj4mbmJzcDsmbmJzcDsmbmJzcDsgc3Jj5bGe5oCnIOWumuS5ieWb
    vueJh+eahOW8leeUqOWcsOWdgDxicj4mbmJzcDsmbmJzcDsmbmJzcDsgYWx05bGe5oCnIOWumuS5
    ieWbvueJh+WKoOi9veWksei0peaXtuaYvuekuueahOaWh+Wtl++8jOaQnOe0ouW8leaTjuS8muS9
    v+eUqOi/meS4quaWh+Wtl+aUtuW9leWbvueJh+OAgeebsuS6uuivu+Wxj+i9r+S7tuS8muivu+WP
    lui/meS4quaWh+Wtl+iuqeebsuS6uuivhuWIq+WbvueJh++8jOaJgOS7peatpOWxnuaAp+mdnuW4
    uOmHjeimgeOAgjxicj48YnI+Jmx0O2ltZyBzcmM9ImltYWdlcy9waWMuanBnIiBhbHQ9IuS6p+WT
    geWbvueJhyImZ3Q7PGJyPmBgYDxicj4jIyMjIyDnu53lr7not6/lvoTlkoznm7jlr7not6/lvoQ8
    YnI+PGJyPue7neWvueWcsOWdgO+8muebuOWvueS6juejgeebmOeahOS9jee9ruWOu+WumuS9jeaW
    h+S7tueahOWcsOWdgOOAgjxicj7nm7jlr7nlnLDlnYDvvJrnm7jlr7nkuo7lvJXnlKjmlofku7bm
    nKzouqvljrvlrprkvY3ooqvlvJXnlKjnmoTmlofku7blnLDlnYDjgII8YnI+PGJyPue7neWvueWc
    sOWdgOWcqOaVtOS9k+aWh+S7tui/geenu+aXtuS8muWboOS4uuejgeebmOWSjOmhtuWxguebruW9
    leeahOaUueWPmOiAjOaJvuS4jeWIsOaWh+S7tu+8jOebuOWvuei3r+W+hOWwseayoeaciei/meS4
    qumXrumimOOAguebuOWvuei3r+W+hOeahOWumuS5ieaKgOW3p++8mjxicj5gYGAmbmJzcDsmbmJz
    cDsgJm5ic3A7PGJyPuKAnCAuLyDigJ0g6KGo56S65b2T5YmN5paH5Lu25omA5Zyo55uu5b2V5LiL
    77yM5q+U5aaC77ya4oCcLi9waWMuanBn4oCdIOihqOekuuW9k+WJjeebruW9leS4i+eahHBpYy5q
    cGfnmoTlm77niYfvvIzov5nkuKrkvb/nlKjml7blj6/ku6XnnIHnlaXjgII8YnI+4oCcIC4uLyDi
    gJ0g6KGo56S65b2T5YmN5paH5Lu25omA5Zyo55uu5b2V5LiL55qE5LiK5LiA57qn55uu5b2V77yM
    5q+U5aaC77ya4oCcLi4vaW1hZ2VzL3BpYy5qcGfigJ0g6KGo56S65b2T5YmN55uu5b2V5LiL55qE
    5LiK5LiA57qn55uu5b2V5LiL55qEaW1hZ2Vz5paH5Lu25aS55Lit55qEcGljLmpwZ+eahOWbvueJ
    h+OAgjxicj5gYGA8YnI+IyMjIGh0bWzpk77mjqXmoIfnrb48YnI+YGBgPGJyPmhyZWblsZ7mgKfv
    vJrlrprkuYnot7PovaznmoTkvY3nva48YnI+dGl0bGXlsZ7mgKfvvJrlrprkuYnpvKDmoIfmgqzl
    gZzml7blvLnlh7rnmoTmj5DnpLrmloflrZfmoYY8YnI+dGFyZ2V05bGe5oCn77ya5a6a5LmJ6ZO+
    5o6l56qX5Y+j5omT5byA55qE5L2N572uPGJyPiZuYnNwOyZuYnNwOyZuYnNwOyB0YXJnZXQ9Il9z
    ZWxmIiDnvLrnnIHlgLzvvIzmlrDpobXpnaLmm7/mjaLljp/mnaXnmoTpobXpnaLvvIzlnKjljp/m
    naXkvY3nva7miZPlvIA8YnI+Jm5ic3A7Jm5ic3A7Jm5ic3A7IHRhcmdldD0iX2JsYW5rIiDmlrDp
    obXpnaLkvJrlnKjmlrDlvIDnmoTkuIDkuKrmtY/op4jlmajnqpflj6PmiZPlvIA8YnI+YGBgPGJy
    PiMjIyBodG1s5YiX6KGoPGJyPiMjIyMjIOacieW6j+WIl+ihqDxicj5gYGA8YnI+5Zyo572R6aG1
    5LiK5a6a5LmJ5LiA5Liq5pyJ57yW5Y+355qE5YaF5a655YiX6KGo5Y+v5Lul55SoJmx0O29sJmd0
    OywmbHQ7bGkmZ3Q76YWN5ZCI5L2/55So5p2l5a6e546w77yM5Luj56CB5aaC5LiL77yaPGJyPiZs
    dDtvbCZndDs8YnI+Jm5ic3A7Jm5ic3A7Jm5ic3A7ICZsdDtsaSZndDvliJfooajmloflrZfkuIAm
    bHQ7L2xpJmd0Ozxicj4mbmJzcDsmbmJzcDsmbmJzcDsgJmx0O2xpJmd0O+WIl+ihqOaWh+Wtl+S6
    jCZsdDsvbGkmZ3Q7PGJyPiZuYnNwOyZuYnNwOyZuYnNwOyAmbHQ7bGkmZ3Q75YiX6KGo5paH5a2X
    5LiJJmx0Oy9saSZndDs8YnI+Jmx0Oy9vbCZndDs8YnI+YGBgPGJyPiMjIyMjIOaXoOW6j+WIl+ih
    qDxicj5gYGA8YnI+5Zyo572R6aG15LiK5a6a5LmJ5LiA5Liq5peg57yW5Y+355qE5YaF5a655YiX
    6KGo5Y+v5Lul55SoJmx0O3VsJmd0O+OAgSZsdDtsaSZndDvphY3lkIjkvb/nlKjmnaXlrp7njrDv
    vIzku6PnoIHlpoLkuIvvvJo8YnI+Jmx0O3VsJmd0Ozxicj4mbmJzcDsmbmJzcDsmbmJzcDsgJmx0
    O2xpJmd0OyZsdDthIGhyZWY9IiMiJmd0O+aWsOmXu+agh+mimOS4gCZsdDsvYSZndDsmbHQ7L2xp
    Jmd0Ozxicj4mbmJzcDsmbmJzcDsmbmJzcDsgJmx0O2xpJmd0OyZsdDthIGhyZWY9IiMiJmd0O+aW
    sOmXu+agh+mimOS6jCZsdDsvYSZndDsmbHQ7L2xpJmd0Ozxicj4mbmJzcDsmbmJzcDsmbmJzcDsg
    Jmx0O2xpJmd0OyZsdDthIGhyZWY9IiMiJmd0O+aWsOmXu+agh+mimOS4iSZsdDsvYSZndDsmbHQ7
    L2xpJmd0Ozxicj4mbHQ7L3VsJmd0Ozxicj5gYGA8YnI+IyMjIyMg5a6a5LmJ5YiX6KGoPGJyPmBg
    YDxicj7lrprkuYnliJfooajpgJrluLjnlKjkuo7mnK/or63nmoTlrprkuYnjgII8YnI+Jmx0O2Rs
    Jmd0O+agh+etvuihqOekuuWIl+ihqOeahOaVtOS9k+OAgjxicj4mbHQ7ZHQmZ3Q75qCH562+5a6a
    5LmJ5pyv6K+t55qE6aKY55uu44CCPGJyPiZsdDtkZCZndDvmoIfnrb7mmK/mnK/or63nmoTop6Pp
    h4rjgII8YnI+5LiA5LiqJmx0O2RsJmd0O+S4reWPr+S7peacieWkmuS4qumimOebruWSjOino+mH
    iu+8jOS7o+eggeWmguS4i++8mjxicj4mbHQ7aDMmZ3Q75YmN56uv5LiJ5aSn5Z2XJmx0Oy9oMyZn
    dDs8YnI+Jmx0O2RsJmd0Ozxicj4mbmJzcDsmbmJzcDsmbmJzcDsgJmx0O2R0Jmd0O2h0bWwmbHQ7
    L2R0Jmd0Ozxicj4mbmJzcDsmbmJzcDsmbmJzcDsgJmx0O2RkJmd0O+i0n+i0o+mhtemdoueahOe7
    k+aehCZsdDsvZGQmZ3Q7PGJyPjxicj4mbmJzcDsmbmJzcDsmbmJzcDsgJmx0O2R0Jmd0O2NzcyZs
    dDsvZHQmZ3Q7PGJyPiZuYnNwOyZuYnNwOyZuYnNwOyAmbHQ7ZGQmZ3Q76LSf6LSj6aG16Z2i55qE
    6KGo546wJmx0Oy9kZCZndDs8YnI+PGJyPiZuYnNwOyZuYnNwOyZuYnNwOyAmbHQ7ZHQmZ3Q7amF2
    YXNjcmlwdCZsdDsvZHQmZ3Q7PGJyPiZuYnNwOyZuYnNwOyZuYnNwOyAmbHQ7ZGQmZ3Q76LSf6LSj
    6aG16Z2i55qE6KGM5Li6Jmx0Oy9kZCZndDs8YnI+PGJyPiZsdDsvZGwmZ3Q7PGJyPmBgYDxicj4j
    IyMgaHRtbOihqOWNlTxicj5gYGA8YnI+MeOAgSZsdDtmb3JtJmd0O+agh+etviDlrprkuYnmlbTk
    vZPnmoTooajljZXljLrln588YnI+PGJyPiZuYnNwOyZuYnNwOyZuYnNwOyBhY3Rpb27lsZ7mgKcg
    5a6a5LmJ6KGo5Y2V5pWw5o2u5o+Q5Lqk5Zyw5Z2APGJyPiZuYnNwOyZuYnNwOyZuYnNwOyBtZXRo
    b2TlsZ7mgKcg5a6a5LmJ6KGo5Y2V5o+Q5Lqk55qE5pa55byP77yM5LiA6Iis5pyJ4oCcZ2V04oCd
    5pa55byP5ZKM4oCccG9zdOKAneaWueW8jzxicj48YnI+MuOAgSZsdDtsYWJlbCZndDvmoIfnrb4g
    5Li66KGo5Y2V5YWD57Sg5a6a5LmJ5paH5a2X5qCH5rOoPGJyPjxicj4z44CBJmx0O2lucHV0Jmd0
    O+agh+etviDlrprkuYnpgJrnlKjnmoTooajljZXlhYPntKA8YnI+PGJyPiZuYnNwOyZuYnNwOyZu
    YnNwOyB0eXBl5bGe5oCnPGJyPiZuYnNwOyZuYnNwOyZuYnNwOyZuYnNwOyZuYnNwOyZuYnNwOyZu
    YnNwOyB0eXBlPSJ0ZXh0IiDlrprkuYnljZXooYzmlofmnKzovpPlhaXmoYY8YnI+Jm5ic3A7Jm5i
    c3A7Jm5ic3A7Jm5ic3A7Jm5ic3A7Jm5ic3A7Jm5ic3A7IHR5cGU9InBhc3N3b3JkIiDlrprkuYnl
    r4bnoIHovpPlhaXmoYY8YnI+Jm5ic3A7Jm5ic3A7Jm5ic3A7Jm5ic3A7Jm5ic3A7Jm5ic3A7Jm5i
    c3A7IHR5cGU9InJhZGlvIiDlrprkuYnljZXpgInmoYY8YnI+Jm5ic3A7Jm5ic3A7Jm5ic3A7Jm5i
    c3A7Jm5ic3A7Jm5ic3A7Jm5ic3A7IHR5cGU9ImNoZWNrYm94IiDlrprkuYnlpI3pgInmoYY8YnI+
    Jm5ic3A7Jm5ic3A7Jm5ic3A7Jm5ic3A7Jm5ic3A7Jm5ic3A7Jm5ic3A7IHR5cGU9ImZpbGUiIOWu
    muS5ieS4iuS8oOaWh+S7tjxicj4mbmJzcDsmbmJzcDsmbmJzcDsmbmJzcDsmbmJzcDsmbmJzcDsm
    bmJzcDsgdHlwZT0ic3VibWl0IiDlrprkuYnmj5DkuqTmjInpkq48YnI+Jm5ic3A7Jm5ic3A7Jm5i
    c3A7Jm5ic3A7Jm5ic3A7Jm5ic3A7Jm5ic3A7IHR5cGU9InJlc2V0IiDlrprkuYnph43nva7mjInp
    kq48YnI+Jm5ic3A7Jm5ic3A7Jm5ic3A7Jm5ic3A7Jm5ic3A7Jm5ic3A7Jm5ic3A7IHR5cGU9ImJ1
    dHRvbiIg5a6a5LmJ5LiA5Liq5pmu6YCa5oyJ6ZKuPGJyPiZuYnNwOyZuYnNwOyZuYnNwOyZuYnNw
    OyZuYnNwOyZuYnNwOyZuYnNwOyB0eXBlPSJpbWFnZSIg5a6a5LmJ5Zu+54mH5L2c5Li65o+Q5Lqk
    5oyJ6ZKu77yM55Soc3Jj5bGe5oCn5a6a5LmJ5Zu+54mH5Zyw5Z2APGJyPiZuYnNwOyZuYnNwOyZu
    YnNwOyZuYnNwOyZuYnNwOyZuYnNwOyZuYnNwOyB0eXBlPSJoaWRkZW4iIOWumuS5ieS4gOS4quma
    kOiXj+eahOihqOWNleWfn++8jOeUqOadpeWtmOWCqOWAvDxicj4mbmJzcDsmbmJzcDsmbmJzcDsg
    dmFsdWXlsZ7mgKcg5a6a5LmJ6KGo5Y2V5YWD57Sg55qE5YC8PGJyPiZuYnNwOyZuYnNwOyZuYnNw
    OyBuYW1l5bGe5oCnIOWumuS5ieihqOWNleWFg+e0oOeahOWQjeensO+8jOatpOWQjeensOaYr+aP
    kOS6pOaVsOaNruaXtueahOmUruWQjTxicj48YnI+NOOAgSZsdDt0ZXh0YXJlYSZndDvmoIfnrb4g
    5a6a5LmJ5aSa6KGM5paH5pys6L6T5YWl5qGGPGJyPjxicj4144CBJmx0O3NlbGVjdCZndDvmoIfn
    rb4g5a6a5LmJ5LiL5ouJ6KGo5Y2V5YWD57SgPGJyPjxicj4244CBJmx0O29wdGlvbiZndDvmoIfn
    rb4g5LiOJmx0O3NlbGVjdCZndDvmoIfnrb7phY3lkIjvvIzlrprkuYnkuIvmi4nooajljZXlhYPn
    tKDkuK3nmoTpgInpobkgPGJyPmBgYDxicj48YnI+YGBgPGJyPuazqOWGjOihqOWNleWunuS+i++8
    mjxicj4mbHQ7Zm9ybSBhY3Rpb249Imh0dHA6Ly93d3cuLi4iIG1ldGhvZD0iZ2V0IiZndDs8YnI+
    Jm5ic3A7Jm5ic3A7ICZuYnNwOyZsdDtwJmd0Ozxicj4mbmJzcDsmbmJzcDsgJm5ic3A7Jm5ic3A7
    Jm5ic3A7ICZuYnNwOyZsdDtsYWJlbCZndDvlp5PlkI3vvJombHQ7L2xhYmVsJmd0OyZsdDtpbnB1
    dCB0eXBlPSJ0ZXh0IiBuYW1lPSJ1c2VybmFtZSIgLyZndDs8YnI+Jm5ic3A7Jm5ic3A7ICZuYnNw
    OyZsdDsvcCZndDs8YnI+Jm5ic3A7Jm5ic3A7ICZuYnNwOyZsdDtwJmd0Ozxicj4mbmJzcDsmbmJz
    cDsgJm5ic3A7Jm5ic3A7Jm5ic3A7ICZuYnNwOyZsdDtsYWJlbCZndDvlr4bnoIHvvJombHQ7L2xh
    YmVsJmd0OyZsdDtpbnB1dCB0eXBlPSJwYXNzd29yZCIgbmFtZT0icGFzc3dvcmQiIC8mZ3Q7PGJy
    PiZuYnNwOyZuYnNwOyAmbmJzcDsmbHQ7L3AmZ3Q7PGJyPiZuYnNwOyZuYnNwOyAmbmJzcDsmbHQ7
    cCZndDs8YnI+Jm5ic3A7Jm5ic3A7ICZuYnNwOyZuYnNwOyZuYnNwOyAmbmJzcDsmbHQ7bGFiZWwm
    Z3Q75oCn5Yir77yaJmx0Oy9sYWJlbCZndDs8YnI+Jm5ic3A7Jm5ic3A7ICZuYnNwOyZuYnNwOyZu
    YnNwOyAmbmJzcDsmbHQ7aW5wdXQgdHlwZT0icmFkaW8iIG5hbWU9ImdlbmRlciIgdmFsdWU9IjAi
    IC8mZ3Q7IOeUtzxicj4mbmJzcDsmbmJzcDsgJm5ic3A7Jm5ic3A7Jm5ic3A7ICZuYnNwOyZsdDtp
    bnB1dCB0eXBlPSJyYWRpbyIgbmFtZT0iZ2VuZGVyIiB2YWx1ZT0iMSIgLyZndDsg5aWzPGJyPiZu
    YnNwOyZuYnNwOyAmbmJzcDsmbHQ7L3AmZ3Q7PGJyPiZuYnNwOyZuYnNwOyAmbmJzcDsmbHQ7cCZn
    dDs8YnI+Jm5ic3A7Jm5ic3A7ICZuYnNwOyZuYnNwOyZuYnNwOyAmbmJzcDsmbHQ7bGFiZWwmZ3Q7
    54ix5aW977yaJmx0Oy9sYWJlbCZndDs8YnI+Jm5ic3A7Jm5ic3A7ICZuYnNwOyZuYnNwOyZuYnNw
    OyAmbmJzcDsmbHQ7aW5wdXQgdHlwZT0iY2hlY2tib3giIG5hbWU9Imxpa2UiIHZhbHVlPSJzaW5n
    IiAvJmd0OyDllLHmrYw8YnI+Jm5ic3A7Jm5ic3A7ICZuYnNwOyZuYnNwOyZuYnNwOyAmbmJzcDsm
    bHQ7aW5wdXQgdHlwZT0iY2hlY2tib3giIG5hbWU9Imxpa2UiIHZhbHVlPSJydW4iIC8mZ3Q7IOi3
    keatpTxicj4mbmJzcDsmbmJzcDsgJm5ic3A7Jm5ic3A7Jm5ic3A7ICZuYnNwOyZsdDtpbnB1dCB0
    eXBlPSJjaGVja2JveCIgbmFtZT0ibGlrZSIgdmFsdWU9InN3aW1pbmciIC8mZ3Q7IOa4uOazszxi
    cj4mbmJzcDsmbmJzcDsgJm5ic3A7Jmx0Oy9wJmd0Ozxicj4mbmJzcDsmbmJzcDsgJm5ic3A7Jmx0
    O3AmZ3Q7PGJyPiZuYnNwOyZuYnNwOyAmbmJzcDsmbmJzcDsmbmJzcDsgJm5ic3A7Jmx0O2xhYmVs
    Jmd0O+eFp+eJh++8miZsdDsvbGFiZWwmZ3Q7PGJyPiZuYnNwOyZuYnNwOyAmbmJzcDsmbmJzcDsm
    bmJzcDsgJm5ic3A7Jmx0O2lucHV0IHR5cGU9ImZpbGUiIG5hbWU9InBlcnNvbl9waWMiJmd0Ozxi
    cj4mbmJzcDsmbmJzcDsgJm5ic3A7Jmx0Oy9wJmd0Ozxicj4mbmJzcDsmbmJzcDsgJm5ic3A7Jmx0
    O3AmZ3Q7PGJyPiZuYnNwOyZuYnNwOyAmbmJzcDsmbmJzcDsmbmJzcDsgJm5ic3A7Jmx0O2xhYmVs
    Jmd0O+S4quS6uuaPj+i/sO+8miZsdDsvbGFiZWwmZ3Q7PGJyPiZuYnNwOyZuYnNwOyAmbmJzcDsm
    bmJzcDsmbmJzcDsgJm5ic3A7Jmx0O3RleHRhcmVhIG5hbWU9ImFib3V0IiZndDsmbHQ7L3RleHRh
    cmVhJmd0Ozxicj4mbmJzcDsmbmJzcDsgJm5ic3A7Jmx0Oy9wJmd0Ozxicj4mbmJzcDsmbmJzcDsg
    Jm5ic3A7Jmx0O3AmZ3Q7PGJyPiZuYnNwOyZuYnNwOyAmbmJzcDsmbmJzcDsmbmJzcDsgJm5ic3A7
    Jmx0O2xhYmVsJmd0O+exjei0r++8miZsdDsvbGFiZWwmZ3Q7PGJyPiZuYnNwOyZuYnNwOyAmbmJz
    cDsmbmJzcDsmbmJzcDsgJm5ic3A7Jmx0O3NlbGVjdCBuYW1lPSJzaXRlIiZndDs8YnI+Jm5ic3A7
    Jm5ic3A7ICZuYnNwOyZuYnNwOyZuYnNwOyAmbmJzcDsmbmJzcDsmbmJzcDsgJm5ic3A7Jmx0O29w
    dGlvbiB2YWx1ZT0iMCImZ3Q75YyX5LqsJmx0Oy9vcHRpb24mZ3Q7PGJyPiZuYnNwOyZuYnNwOyAm
    bmJzcDsmbmJzcDsmbmJzcDsgJm5ic3A7Jm5ic3A7Jm5ic3A7ICZuYnNwOyZsdDtvcHRpb24gdmFs
    dWU9IjEiJmd0O+S4iua1tyZsdDsvb3B0aW9uJmd0Ozxicj4mbmJzcDsmbmJzcDsgJm5ic3A7Jm5i
    c3A7Jm5ic3A7ICZuYnNwOyZuYnNwOyZuYnNwOyAmbmJzcDsmbHQ7b3B0aW9uIHZhbHVlPSIyIiZn
    dDvlub/lt54mbHQ7L29wdGlvbiZndDs8YnI+Jm5ic3A7Jm5ic3A7ICZuYnNwOyZuYnNwOyZuYnNw
    OyAmbmJzcDsmbmJzcDsmbmJzcDsgJm5ic3A7Jmx0O29wdGlvbiB2YWx1ZT0iMyImZ3Q75rex5Zyz
    Jmx0Oy9vcHRpb24mZ3Q7PGJyPiZuYnNwOyZuYnNwOyAmbmJzcDsmbmJzcDsmbmJzcDsgJm5ic3A7
    Jmx0Oy9zZWxlY3QmZ3Q7PGJyPiZuYnNwOyZuYnNwOyAmbmJzcDsmbHQ7L3AmZ3Q7PGJyPiZuYnNw
    OyZuYnNwOyAmbmJzcDsmbHQ7cCZndDs8YnI+Jm5ic3A7Jm5ic3A7ICZuYnNwOyZuYnNwOyZuYnNw
    OyAmbmJzcDsmbHQ7aW5wdXQgdHlwZT0ic3VibWl0IiBuYW1lPSIiIHZhbHVlPSLmj5DkuqQiJmd0
    Ozxicj4mbmJzcDsmbmJzcDsgJm5ic3A7Jm5ic3A7Jm5ic3A7ICZuYnNwOyZsdDshLS0gaW5wdXTn
    sbvlnovkuLpzdWJtaXTlrprkuYnmj5DkuqTmjInpkq4gJm5ic3A7PGJyPiZuYnNwOyZuYnNwOyZu
    YnNwOyZuYnNwOyDov5jlj6/ku6XnlKjlm77niYfmjqfku7bku6Pmm79zdWJtaXTmjInpkq7mj5Dk
    uqTvvIzkuIDoiKzkvJrlr7zoh7Tmj5DkuqTkuKTmrKHvvIzkuI3lu7rorq7kvb/nlKjjgILlpoLv
    vJo8YnI+Jm5ic3A7Jm5ic3A7Jm5ic3A7Jm5ic3A7ICZsdDtpbnB1dCB0eXBlPSJpbWFnZSIgc3Jj
    PSJ4eHguZ2lmIiZndDs8YnI+LS0mZ3Q7PGJyPiZuYnNwOyZuYnNwOyAmbmJzcDsmbmJzcDsmbmJz
    cDsgJm5ic3A7Jmx0O2lucHV0IHR5cGU9InJlc2V0IiBuYW1lPSIiIHZhbHVlPSLph43nva4iJmd0
    Ozxicj4mbmJzcDsmbmJzcDsgJm5ic3A7Jmx0Oy9wJmd0Ozxicj4mbHQ7L2Zvcm0mZ3Q7PGJyPmBg
    YDxicj4jIyMgaHRtbOihqOagvDxicj5gYGA8YnI+MeOAgSZsdDt0YWJsZSZndDvmoIfnrb7vvJrl
    o7DmmI7kuIDkuKrooajmoLzvvIzlroPnmoTluLjnlKjlsZ7mgKflpoLkuIvvvJo8YnI+PGJyPiZu
    YnNwOyZuYnNwOyZuYnNwOyBib3JkZXLlsZ7mgKcg5a6a5LmJ6KGo5qC855qE6L655qGG77yM6K6+
    572u5YC85piv5pWw5YC8PGJyPiZuYnNwOyZuYnNwOyZuYnNwOyBjZWxscGFkZGluZ+WxnuaApyDl
    rprkuYnljZXlhYPmoLzlhoXlrrnkuI7ovrnmoYbnmoTot53nprvvvIzorr7nva7lgLzmmK/mlbDl
    gLw8YnI+Jm5ic3A7Jm5ic3A7Jm5ic3A7IGNlbGxzcGFjaW5n5bGe5oCnIOWumuS5ieWNleWFg+ag
    vOS4juWNleWFg+agvOS5i+mXtOeahOi3neemu++8jOiuvue9ruWAvOaYr+aVsOWAvDxicj4mbmJz
    cDsmbmJzcDsmbmJzcDsgYWxpZ27lsZ7mgKcg6K6+572u5pW05L2T6KGo5qC855u45a+55LqO5rWP
    6KeI5Zmo56qX5Y+j55qE5rC05bmz5a+56b2Q5pa55byPLOiuvue9ruWAvOacie+8mmxlZnQgfCBj
    ZW50ZXIgfCByaWdodDxicj48YnI+MuOAgSZsdDt0ciZndDvmoIfnrb7vvJrlrprkuYnooajmoLzk
    uK3nmoTkuIDooYw8YnI+PGJyPjPjgIEmbHQ7dGQmZ3Q75ZKMJmx0O3RoJmd0O+agh+etvu+8muWu
    muS5ieS4gOihjOS4reeahOS4gOS4quWNleWFg+agvO+8jHRk5Luj6KGo5pmu6YCa5Y2V5YWD5qC8
    77yMdGjooajnpLrooajlpLTljZXlhYPmoLzvvIzlroPku6znmoTluLjnlKjlsZ7mgKflpoLkuIvv
    vJo8YnI+PGJyPiZuYnNwOyZuYnNwOyZuYnNwOyBhbGlnbiDorr7nva7ljZXlhYPmoLzkuK3lhoXl
    rrnnmoTmsLTlubPlr7npvZDmlrnlvI8s6K6+572u5YC85pyJ77yabGVmdCB8IGNlbnRlciB8IHJp
    Z2h0PGJyPiZuYnNwOyZuYnNwOyZuYnNwOyB2YWxpZ24g6K6+572u5Y2V5YWD5qC85Lit5YaF5a65
    55qE5Z6C55u05a+56b2Q5pa55byPIHRvcCB8IG1pZGRsZSB8IGJvdHRvbTxicj4mbmJzcDsmbmJz
    cDsmbmJzcDsgY29sc3BhbiDorr7nva7ljZXlhYPmoLzmsLTlubPlkIjlubbvvIzorr7nva7lgLzm
    mK/mlbDlgLw8YnI+Jm5ic3A7Jm5ic3A7Jm5ic3A7IHJvd3NwYW4g6K6+572u5Y2V5YWD5qC85Z6C
    55u05ZCI5bm277yM6K6+572u5YC85piv5pWw5YC8PGJyPmBgYDxicj4jIyMg6aG16Z2i5biD5bGA
    5qaC6L+wPGJyPmBgYDxicj7luIPlsYDkuZ/lj6/ku6Xlj6vlgZrmjpLniYjvvIzlroPmjIfnmoTm
    mK/miormloflrZflkozlm77niYfnrYnlhYPntKDmjInnhafmiJHku6znmoTmhI/mhL/mnInmnLrl
    nLDmjpLliJflnKjpobXpnaLkuIrvvIzluIPlsYDnmoTmlrnlvI/liIbkuLrkuKTnp43vvJo8YnI+
    PGJyPjHjgIF0YWJsZeW4g+WxgO+8mjxicj4mbmJzcDsmbmJzcDsmbmJzcDsg6YCa6L+HdGFibGXl
    hYPntKDlsIbpobXpnaLnqbrpl7TliJLliIbmiJDoi6XlubLkuKrljZXlhYPmoLzvvIzlsIbmlofl
    rZfmiJblm77niYfnrYnlhYPntKDmlL7lhaXljZXlhYPmoLzkuK3vvIzpmpDol4/ooajmoLznmoTo
    vrnmoYbvvIzku47ogIzlrp7njrDluIPlsYDjgILov5nnp43luIPlsYDmlrnlvI/kuZ/lj6vkvKDn
    u5/luIPlsYDvvIznm67liY3kuLvopoHkvb/nlKjlnKhFRE0o5bm/5ZGK6YKu5Lu25Lit55qE6aG1
    6Z2iKeS4re+8jOS4u+a1geeahOW4g+WxgOaWueW8j+S4jeeUqOi/meenjeOAgjxicj48YnI+MuOA
    gUhUTUwrQ1NT5biD5bGAKERJVitDU1Mp77yaPGJyPiZuYnNwOyZuYnNwOyZuYnNwOyDkuLvopoHp
    gJrov4dDU1PmoLflvI/orr7nva7mnaXluIPlsYDmloflrZfmiJblm77niYfnrYnlhYPntKDvvIzp
    nIDopoHnlKjliLBDU1Pnm5LlrZDmqKHlnovjgIHnm5LlrZDnsbvlnovjgIFDU1Pmta7liqjjgIFD
    U1PlrprkvY3jgIFDU1Pog4zmma/lm77lrprkvY3nrYnnn6Xor4bmnaXluIPlsYDvvIzlroPmr5Tk
    vKDnu5/luIPlsYDopoHlpI3mnYLvvIznm67liY3mmK/kuLvmtYHnmoTluIPlsYDmlrnlvI/jgII8
    YnI+YGBgPGJyPiMjIyB0YWJsZeW4g+WxgOS7peWPiuWunuS+izxicj5gYGA8YnI+dGFibGXmnaXl
    gZrmlbTkvZPpobXpnaLnmoTluIPlsYDvvIzluIPlsYDnmoTmioDlt6flvZLnurPkuLrlpoLkuIvl
    h6DngrnvvJo8YnI+PGJyPjHjgIHmjInnhaforr7orqHlm77nmoTlsLrlr7jorr7nva7ooajmoLzn
    moTlrr3pq5jku6Xlj4rljZXlhYPmoLznmoTlrr3pq5jjgII8YnI+PGJyPjLjgIHlsIbooajmoLxi
    b3JkZXLjgIFjZWxscGFkZGluZ+OAgWNlbGxzcGFjaW5n5YWo6YOo6K6+572u5Li6MO+8jOihqOag
    vOeahOi+ueahhuWSjOmXtOi3neWwseS4jeWNoOaciemhtemdouepuumXtO+8jOWug+WPqui1t+WI
    sOWIkuWIhuepuumXtOeahOS9nOeUqOOAgjxicj48YnI+M+OAgemSiOWvueWxgOmDqOWkjeadguea
    hOW4g+WxgO+8jOWPr+S7peWcqOWNleWFg+agvOmHjOmdouWGjeW1jOWll+ihqOagvO+8jOW1jOWl
    l+ihqOagvOWIkuWIhuWxgOmDqOeahOepuumXtOOAgjxicj48YnI+NOOAgeWNleWFg+agvOS4reea
    hOWFg+e0oOaIluiAheW1jOWll+eahOihqOagvOeUqGFsaWdu5ZKMdmFsaWdu6K6+572u5a+56b2Q
    5pa55byPPGJyPjxicj4144CB6YCa6L+H5bGe5oCn5oiW6ICFY3Nz5qC35byP6K6+572u5Y2V5YWD
    5qC85Lit5YWD57Sg55qE5qC35byPIDxicj5gYGA8YnI+PGJyPjwvcD4=">​

    版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

    相关推荐


    问题背景 最近小伙伴提了一个希望提高后台下拉列表可操作性的需求,原因是下拉列表选项过多,每次下拉选择比较费时费力且容易出错,硬着头皮啃了啃前端知识,网上搜寻了一些下拉列表实现的资料,这里总结一下。 P
    // n位随机数生成 function randomNum(n) { let sString = &quot;&quot;; let strings = &quot;abcdefghijklmnopq
    HTML是HyperText Markup Language的简称,中文名称:超文本标记语言,它是一种用于创建网页的 标准标记语言
    层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
    JavaScript 是脚本语言,是一种解释性脚本语言(代码不进行预编译)
    本文由葡萄城技术团队原创并首发 转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具、解决方案和服务,赋能开发者。 一名开发者或设计师通常可以在一秒内指出优秀的设计,但对于糟糕的设计只需最多半
    本文由葡萄城技术团队原创并首发 转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具、解决方案和服务,赋能开发者。 Excel是我们办公中常用的工具 ,它几乎能为我们处理大部分数据,友好的交互
    转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具、解决方案和服务,赋能开发者。 原文出处:https://blog.bitsrc.io/8-tips-for-an-awesome-sign
    本文由葡萄城技术团队于博客园翻译并首发 转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具、解决方案和服务,赋能开发者。 如果我们自己编写从URL中分析和提取元素的代码,那么有可能会比较痛苦
    转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具、解决方案和服务,赋能开发者。 原文出处:https://blog.bitsrc.io/what-is-deno-and-will-it-r
    转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具、解决方案和服务,赋能开发者。 原文出处:https://blog.bitsrc.io/4-reasons-to-use-sass-in-y
    转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具、解决方案和服务,赋能开发者。 原文出处:https://blog.bitsrc.io/vuejs-3-0-0-beta-features-
    转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具、解决方案和服务,赋能开发者。 原文出处:https://blog.bitsrc.io/sessionstorage-and-localst
    一直以来,JavaScript使用数组和对象来定义和存放结构化数据, 在这篇文章中,我们将一起深挖另一种对象Map的一切,我们将会去了解它是什么、如何遍历、都包括什么属性和方法以及优缺点是什么。
    由于CSS的出现,现在的网站风格已经与它们很早之前的样子有了很大的不同。CSS的出现为原本平平无奇的网页注入了活力。这也是网站的用户体验得到进一步进化的原因。这可能就是当今几乎所有的网站或多或少都在使
    自苹果推出了iPhone应用商店以来,App成为了我们生活中不可或缺的一部分,而对于实体业务也是如此,现在各行业都在推出自己的App,但有没有人想过这样一种场景,如果自己的潜在客户还没有安装你的App
    转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具、解决方案和服务,赋能开发者。 原文出处:https://blog.bitsrc.io/10-top-chrome-extensions-f
    转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具、解决方案和服务,赋能开发者。 原文出处:https://blog.bitsrc.io/do-your-buttons-lead-or-mi
    本文由葡萄城技术团队原创并首发 转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具、解决方案和服务,赋能开发者。 前段时间在开发【葡萄城社区】公众号时有一个功能是需要用网页授权认证地址生成二
    本文由葡萄城技术团队原创并首发 转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具、解决方案和服务,赋能开发者。 HTML5的发展改变了互联网技术趋势,前端热度依旧不减,所以对于应用开发人员