发布于2021-09-15 22:15 阅读(323) 评论(0) 点赞(3) 收藏(4)
标签的格式:
<标签名>封装的数据</标签名>
标签名大小写不敏感
标签拥有自己的属性
bgcolor = "red"
可以修改简单的样式效果onclick = "alert('你好!');"
可以直接设置事件响应后的代码标签又分为,单标签和双标签
HTML源代码 | 显示结果 | 描述 |
---|---|---|
< | < | 小于号或显示标记 |
> | > | 大于号或显示标记 |
& | & | 可用于显示其它特殊字符 |
" | " | 引号 |
® | ® | 已注册 |
© | © | 版权 |
™ | ™ | 商标 |
  | 半个空白位 | |
  | 一个空白位 | |
| 不断行的空白 |
例子:<h1>标题</h1>
h1-h6都是标题标签;h1最大,h6最小
设置标题位置:<h1 align="left">标题</h1>
左对齐。居中对齐:center。右对齐:right。
例子:<a href="http://www.baidu.com" target="_self" >百度</a>
:在本窗口跳转到指定链接
参数target = "_blank"
时则在新窗口跳转。
<ul><!-- 无序列表 --> <li>赵四</li> <li>刘能</li> <li>小沈阳</li> <li>宋小宝</li> </ul>
效果图:
<ol><!-- 有序列表 --> <li>赵四</li> <li>刘能</li> <li>小沈阳</li> <li>宋小宝</li> </ol>
效果图:
<img src="./people3.jpg" width="1080" height="743" border="1" alt="图片路径不存在"/>
web中的路径与平时用的路径有些区别
相对路径: . 表示当前文件所在的目录
.. 表示当前文件所在的上一级目录
文件名 表示当前文件所在目录中的文件,相当于./文件名,其中./可以省略绝对路径:
http://ip:port/工程名/资源路径
<table align="center" border="1" width="500" height="300" cellspacing="0"> <tr> <td align="center"><b>1.1</b></td> <th>1.2</th> <th>1.3</th> <th>1.4</th> <th>1.5</th> </tr> <tr> <td colspan="2">2.1</td> <td>2.3</td> <td>2.4</td> <td>2.5</td> </tr> <tr> <td rowspan="2">3.1</td> <td>3.2</td> <td>3.3</td> <td>3.4</td> <td>3.5</td> </tr> <tr> <td>4.2</td> <td>4.3</td> <td colspan="2" rowspan="2">4.4</td> </tr> <tr> <td>5.1</td> <td>5.2</td> <td>5.3</td> </tr> </table>
效果图:
1.1 | 1.2 | 1.3 | 1.4 | 1.5 |
---|---|---|---|---|
2.1 | 2.3 | 2.4 | 2.5 | |
3.1 | 3.2 | 3.3 | 3.4 | 3.5 |
4.2 | 4.3 | 4.4 | ||
5.1 | 5.2 | 5.3 |
table 是表格标签
tr 是行标签
th 是表头标签(居中加粗)
td 是单元格标签
align设置单元格文本对齐方式
colspan 设置跨列
rowspan 设置跨行
iframe标签可以在页面上开辟一个小区有,显示一个单独的页面,一般与其他标签混合使用
使用步骤:
例如:
<iframe src="people3.jpg" width = "500" height="300" name = "pic"></iframe> <br> <ul> <li><a href="people3.jpg" target="pic"> people3.jpg</a></li> <li><a href="people.jpg" target="pic"> people.jpg</a></li> </ul>
示例代码
<form action="https://www.baidu.com" method="get"> <h1>用户注册</h1> <input type="hidden" name="action" value="login"/><br/> <table align="center"> <tr> <td>用户名称</td> <td> <input type="text" name="username" value="默认值"/> </td> </tr> <tr> <td>用户密码</td> <td> <input type="password" name="password"/> </td> </tr> <tr> <td>确认密码</td> <td> <input type="password"/> </td> </tr> <tr> <td>性别</td> <td> <input type="radio" name="sex" value="boy" checked = "checked"/>男 <input type="radio" name="sex" value="girl"/>女 </td> </tr> <tr> <td>兴趣爱好</td> <td> <input type="checkbox" name="hobby" value="java"/>Java <input type="checkbox" name="hobby" value="cpp"/>C++ </td> </tr> <tr> <td>国籍</td> <td> <select name="country"> <option value="none">---请选择国籍---</option> <option value="china" selected="selected">中国</option> <option value="america">美国</option> <option value="japan">日本</option> </select> </td> </tr> <tr> <td>自我评价</td> <td> <textarea name="desc" rows="10" cols="20">我才是默认值</textarea> </td> </tr> <tr> <td><input type="reset" value="修改按钮上的文本(重置)"/></td> <td> <input type="submit" value="修改按钮上的文本(提交)"/> </td> </tr> </table> </form>
效果图:
表单就是在html页面中,用来收集用户信息的所有元素集合,然后把这些信息发送给服务器。
标签名:form
input type = "text" 是文本输入框 value设置文本框的默认值
input type = "password" 是密码输入框
input type = "radio" 是单选框, name属性可以对其进行分组 checked = "checked" 表示默认选中
input type="checkbox"是复选框
select 是下拉列表框
textarea表示多行文本输入框(起始标签喝结束标签中的内容是默认值)
input type = "reset" 是重置按钮 value属性修改按钮上的文本
input type = "submit" 是提交按钮 value属性修改按钮上的文本
input type = "button" 是提交按钮 value属性修改按钮上的文本
input type="file" 是文件上传域,用于提交文件等操作
input type="hidden" 是隐藏域,当我们需要发送某些信息,而这些信息不需要用户参与(提交的时候同时发送给服务器)
action 设置提交的服务器地址
method 设置提交的方式:get(默认值)或post
get请求的特点:
post请求的特点:
表单提交的时候,数据没有发送给服务器的三种情况:
div, span, p
作者:Bhbvhbbgg
链接:http://www.qianduanheidong.com/blog/article/192682/5ee13799cc222a0b9a46/
来源:前端黑洞网
任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任
昵称:
评论内容:(最多支持255个字符)
---无人问津也好,技不如人也罢,你都要试着安静下来,去做自己该做的事,而不是让内心的烦躁、焦虑,坏掉你本来就不多的热情和定力
Copyright © 2018-2021 前端黑洞网 All Rights Reserved 版权所有,并保留所有权利。 京ICP备18063182号-3
投诉与举报,广告合作请联系vgs_info@163.com或QQ3083709327
免责声明:网站文章均由用户上传,仅供读者学习交流使用,禁止用做商业用途。若文章涉及色情,反动,侵权等违法信息,请向我们举报,一经核实我们会立即删除!