黑马程序员技术交流社区

标题: 学习笔记 [打印本页]

---

作者: 南麓。    时间: 2019-6-12 19:27
标题: 学习笔记


扩展标签：
        1）锚点定位
                ① 在当前页面，可以快速定位。
                ② 使用步骤
                        第1步，先找到目标位置，添加个id属性
                        第2步，创建一个超链接，href的值为“#id值”
        2）base标签
                ① 统一设置页面中所有a标签的打开方式
                ② 使用：
                        <base target="_blank" />
                        1）单标签
                        2）必须写在head标签中                       
        3）pre标签
                <pre></pre>
                保留标签中文字的格式。
        4）特殊字符
                html中预留（征用了）一些符号，例如：><。
                如果我们想在页面显示这些符号，就用特殊字符代替。
                空格：&nbsp;
                >   ：&gt;
                <   ：&lt;
               
表格：
        1)表格相关的标签
                <table></table>
                <tr></tr>
                <td></td>、<th></th>加粗居中
                <caption></caption>写在table内tr前面
        2）表格的属性（加给table标签）
                边框：border
                宽width、高height
                水平方向的位置:align
                单元格外面的距离：cellspacing
                单元格内文字距边框的距离：cellpadding
        3）合并单元格
                1）区分跨行合并还是跨列合并
                2）步骤：
                        1.先确定是跨行rowspan还是跨列colspan
                        2.找到目标单元格（起始单元格），写合并方式和合并数量
                        3.删除多余的单元格

列表：
        1）无序列表
                <ul>
                        <li></li>
                </ul>
        2）自定义列表
                <dl>
                        <dt></dt>
                        <dd></dd>
                        <dd></dd>
                </dl>
               
表单：
        1）表单域
                <form></form>
        2）输入框
                文本输入框：<input type="text" value="默认内容" />
                密码输入框：<input type="password" />
        3）单选按钮和复选框
                <input type="radio" name="sex" checked="checked" />
                <input type="checkbox" name="hobby" checked="checked" />
        4）各种按钮
                普通按钮：<input type="button" value="按钮" />
                表单提交按钮：<input type="submit" />
                表单重置按钮：<input type="reset" />
                图片提交按钮：<input type="image" src="" />
        5）文件域（文件上传）
                <input type="file" />
        6）下拉列表
                <select>
                        <option></option>
                        <option selected="selected"></option>
                </select>
        7）文本域
                <textarea></textarea>
               
        8）label标签：
                提示文字+input标签
                1）作用：
                        把提示文字和input绑到一起，单击文字跟单击输入框的效果是一样的。
                2）用法：
                        第1种：直接用label把文字和input一起包裹起来。
                                <label>用户名：<input type="text" value="默认值"> </label>
                        第2种，用label只包裹文字，然后通过for和id来绑起来。
                                <label for="yu">用户名：</label><input type="text" value="默认值" id="yu">

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2