11.13作业+笔记

最新推荐文章于 2024-11-12 11:19:19 发布

UseLessQQ

最新推荐文章于 2024-11-12 11:19:19 发布

阅读量111

点赞数

文章标签：前端

本文链接：https://blog.csdn.net/UseLessQQ/article/details/134469429

版权

<body>
    <form action="#">
        <table border="1" align="center">
            <center><caption>用户注册</caption></center>
            <tbody align="right">
                <tr>
                    <td>用户名</td>
                    <td><input type="text"></td>
                </tr>
                <tr>
                    <td>密码</td>
                    <td><input type="text"></td>
                </tr>
                <tr>
                    <td>性别</td>
                    <td align="left"><input type="radio" name="性别" checked>男
                        <input type="radio" name="性别">女
                    </td>
                </tr>
                <tr>
                    <td>爱好</td>
                    <td><input type="checkbox" name="爱好">写作
                        <input type="checkbox" name="爱好">听音乐
                        <input type="checkbox" name="爱好">体育
                    </td>
                <tr>
                    <td>省份</td>
                    <td align="left"><select>
                        <option>陕西省</option>
                        <option>江苏省</option>
                    </select>
                    </td>
                </tr>
                <tr>
                    <td>自我介绍</td>
                    <td><textarea></textarea></td>
                </tr>    
            </tbody>
        </table>
        <center><input type="submit">
        <input type="reset">
        </center>
    </form> 
</body>

链接"<a href="链接">"
保存原来的标签页"+target="_blank"(属性)"
添加文字注释"+title="文字"(属性)"
锚链接(跳转到当前页面指定位置)"<a href="#+id">"(先用"id="任意字符"(属性)"标记) ps:锚链接需配合id使用

给图片加边框"border="数字(边框大小)"(属性)"

对齐
向上对齐"align="top"(属性)"
向左/右对齐"align="left/ringt"(属性)"
左右空行"hspace="数字"（属性）" 上下空行"vspace="数字"(属性)"
视频
放视频"<video src="路径" controls(用以显示控制面板)>"
自动播放"autoplay(属性)"(+"muted"用以成功自动播放)
循环"loop（属性）"

音频
放音频"<audio src="路径" controls>"

div标签(没有具体含义，用来划分页面区域)
span标签(用来标记文字，方便选取)"<span>"

特殊字符
小于号(<)"&lt"
大于号(>)"&gt"
空格"&nbsp"(多个空格用分号隔开例:  &nbsp)
圈C"&copy"
双引号(")"&quot"

表单标签(用户输入信息和网页互动的一种形式)"<form>"(用来定义表单)
表单提交的网页"action="链接"(属性)"
输入(文本框)"<input type="text">"
默认文本"value="文本"(属性)"
密码"type="password"(属性)"
单选"<type="radio" name="组名"(分组)>选项1"
"<type="radio" name="组名"(分组)>选项2"
多选"<type="checkbox" name="组名"(分组)>选项1"
"<type="checkbox" name="组名"(分组)>选项2"············
默认选中"checked(属性)"
隐藏域"<input type="hidden" name="" id="">"
提交按钮"<input type="submit" name="" id="">"(前版本) or "<button>点击确认</button>"(h5)
重置 "type="reset"(属性)"
普通的按钮"type="botton"(属性) name="组别""
命名按钮"value="按钮名字(属性)""
文本域(类似留言等)"<textarea name="" id="" cols=""(行) rows=""(高) maxlength=""(最大字符)>"
固定(无法点击)"disabled(全局属性)"
选择文本"<select name="组名" id="">
       <option value="">选项1</option>
       <option value="">选项2</option>
       <option value="">选项3</option>
   </select>"
输入时间"type="time"(属性)"
输入网址"type="url"(属性)"
输入提示(输入即消失)"placeholder=""(属性)"