为了账号安全,请及时绑定邮箱和手机立即绑定
慕课网数字资源数据库体验端
初识HTML(5)+CSS(3)_学习笔记_慕课网
为了账号安全,请及时绑定邮箱和手机立即绑定

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  •   <input type="reset" value="重置" />

    查看全部
  •     <!--submit 提交-->

        <form method="post" action="save.php">

            <label for="myName">姓名:</label>

            <input type="text" value=" " name="myName " />

            <input type="submit" value="提交" name="submitBtn" />

        </form>

    查看全部
  •     <form>

            <!--value 向服务器提交的值,select只能放option-->

            <select>

                <option value="看书">看书</option>

                <option value="旅游">旅游</option>

                <option value="运动" selected="selected">运动</option>

                <option value="购物">购物</option>

            </select>

        </form>

    查看全部
  •     <form action="save.php" method="post">

            <label >性别:</label>

            <label>男</label>

            <!--单选,name必须一样-->

            <input type="radio" value="1" name="gender" />

            <label>女</label>

            <input type="radio" value="2" name="gender" />

            <br>

            <input type=“text” value="3" name="content"/>

            <label>你喜欢的运动</label>

            <br>

            <label for="c1">篮球</label>

            <!--多选-->

            <input type="checkbox" id="c1"/>

             <label>足球</label>

            <input type="checkbox" />

            

            

            </form>

    查看全部
  • <label for="控件id名称">

        <input type="text" id="uname" placeholder="Enter uname">

    注意:标签的 for 属性中的值应当与相关控件的 id 属性值一定要相同。

    点击label 焦点在for关联控件上

    查看全部
  • 1、<textarea>标签是成对出现的,以<textarea>开始,以</textarea>结束。

    2、cols :多行输入域的列数。

    3、rows :多行输入域的行数。

    4、在<textarea></textarea>标签之间可以输入默认值

    查看全部
  • 创建表格的四个元素:table、tr、th、td

    1、<table>…</table>:整个表格以<table>标记开始、</table>标记结束。

    2、<tr>…</tr>:表格的一行,所以有几对tr 表格就有几行。

    3、<td>…</td>:表格的一个单元格,一行中包含几对<td>...</td>,说明一行中就有几列。

    4、<th>…</th>:表格的头部的一个单元格,表格表头。

    5、表格中列的个数,取决于一行中数据单元格的个数。

    6、border属性可以为表格添加边框,属性值为数字。

    注意:

    1、table标签用来定义整个表格,为双标签,必须有结束标签。

    2、table标签里面可以放caption标签和tr标签。

    3、caption标签用来定义表格的标题。

    4、tr标签用来设置表格的行,tr里面只能放th或者td标签,一组tr标签代表一行。

    5、th用来设置表格的标题,会加粗居中显示。也就是th标签中的文本默认为粗体并且居中显示。

    6、td同来设置表格的列,一组td标签代表一列。

    7、table表格在没有添加border属性之前, 在浏览器中显示是没有表格线的。

    查看全部
  • 只要是标签都是在<body>内

    查看全部
  • <header>是头部标签

    <footer>是底部标签

    查看全部
  • 一级标签最大分别是

    <h1>标签最大<h2>标签比较小以此类推

    <h6>最小

    查看全部
  • <span>文本</span>   作用:设置单独的样式用<style>span{ 特殊样式的内容  }</style>   放在<head>中

    查看全部
  • <span></span>这个标签没有语义它的作用就是为了设置单独的样式用的

    查看全部
  • <div><p></p></div>

    查看全部
  • 1、type:

       当type="text"时,输入框为文本输入框;

       当type="password"时, 输入框为密码输入框。

    2、name:为文本框命名,以备后台程序ASP 、PHP使用。

    3、value:为文本输入框设置默认值。(一般起到提示作用)

    <form>
     姓名:
     <input type="text" name="myName">
     <br/>
     密码:
     <input type="password" name="pass">
    </form>

    查看全部
  •    <form method="post" action="save.php">

            <label for="username">用户名:</label>

            <input type="text" name="username" id="username" value="" />

            <label for="pass">密码:</label>

            <input type="password" name="pass" id="pass" value="" />

            <input type="submit" value="确定" name="submit" />

            <input type="reset" value="重置" name="reset" />

        </form>

    查看全部

举报

0/150
提交
取消
课程须知
没有任何WEB经验的WEB应用程序开发者、对WEB前端技术感兴趣的用户均可学习本教程。
老师告诉你能学到什么?
本教程代领大家轻松学习HTML(5)、CSS(3)样式基础知识,可以利用HTML(5)、CSS(3)样式技术制作出简单页面。
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!