前端自学第四天-总结

1.下拉菜单select

select 下拉菜单整体 option 每一项 selected 默认选中某一项

<select >
        <option >北京</option>
        <option >上海</option>
        <option >深圳</option>
        <option selected >广州</option>
        <option> 哈尔滨 </option>
    </select>

2.默认选中

单选多选 checked

菜单 selected

3.文本域标签

textarea 常见属性 cols: 可见宽度 rows 可见长度

右下角可改变大小，实际开发时样式效果用CSS设置

  <textarea  cols="50" rows="50"></textarea>
    <!-- 右下角可以手动调节大小  通常用CSS调节-->

4.label标签

点图标也可以选中

用label将表单和内容包裹起来 再将for删除即可

  <label ><input type="radio" name="sex">女</label> 
    <!-- 直接用label简单 -->

5.没有语义的布局标签

div 一行显示一个

span 一行显示多个

 普通文字
    <div>这是div标签</div>
    <!-- div独占一行 -->
    <span>这是span标签</span>
    <span>这是span标签</span>
    <!-- span不换行 -->

6.有语义的布局标签

 <header>网页的头部</header>
    <nav>网页导航</nav>
    <!-- 一点跳到其他页面 -->
    <footer>网页的底部</footer>
    <!-- 下面的东西 -->
    <aside>侧边栏</aside>
    <article>文章</article>

    <!-- 手机端网页制作的标签 -->

7.空格表示 &nbsp