A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

Day01 HTML



HTML标签字体超链接列表标签
<html>
    <!-- 字体标签 -->
    <font size="7" color="red" face="楷体">字体标签</font>
    <!--无序列表-->
    <ul type="circle">
        <!--超链接-->
        <li><a target="_blank" href="../案例一/info.html">传智播客</a></li>
        <li><a href="http://www.baidu.com" target="_blank">百度</a></li>
    </ul>
    <!--有序列表-->
    <ol type="I" start="">
        <li><a href="../案例一/info.html" target="_blank">传智播客</a></li>
        <li><a href="http://www.163.com" target="_blank">网易</a></li>
    </ol>
</html>表格标签
<table>
    <tr>
        <td colspan="" rowspan=""></td>
    </tr>
</table>
  • colspan:跨列
  • rowspan:跨行

图片标签
<img src="路径" width="" height=""/>
  • 图片的地址:目前相对路径写法,找相对的位置
    • ./代表当前路径
    • ../回到上一层路径


表单标签
<form>
<!--文本框-->
<input type="text" name="name" value="默认值">
<!--密码框-->
<input type="password" name="name" value="默认值" maxLength="最大长度">
<!--单选按钮-->
<input type="radio" name="name" value="实际提交值" checked="checked">
<!--复选按钮-->
<input type="checkbox" name="name" value="实际提交值" checked="checked">默认选中
<!--按钮-->
<input type="button" value="显示在按钮上的字">
<!--提交按钮-->
<input type="submit" value="显示在按钮上的字">
<!--重置按钮-->
<input type="reset" value="显示在按钮上的字">
<!--上传文件-->
<input type="file" name="name">文件上传
<!--图片-->
<input type="image" name="">
<!--隐藏-->
<input type="hidden">
<!--下拉列表-->
<select name="name">
    <option value="提交到后台的值"></option>
</select>
<!--文本域-->
    <textarea name="name" rows="几行" cols="几列"></textarea>
</form>扩展表单标签
<input type="email">
<input type="date">
<input type="color">
<input type="number">
  • <form></form>常用属性:
    • action:提交的路径,默认提交当前页面
    • method:提交的方式,默认是GET,POST(提交方式不仅仅只有这两个)
      • GET和POST的区别:
        • get:数据会显示到地址栏中,提交有大小限制
        • post:数据不会显示到地址栏中,提交没有大小限制



  • 表单元素
    • 表单输入:input type=:
      • text文本框
      • password密码框
      • radio单选按钮
      • checkbox复选按钮
      • button普通按钮,没有任何功能的按钮  

    • 文本域*<textarea>
    • 下拉列表
      • select


  • 参数的传递:地址?name=值&age=值

超链接
<a href="要跳转的一个地址" target="打开方式:_self   _blank"框架标签
  • <frameset></frameset>标签与body标签冲突,有frameset就可以没有body
    • 属性:
      • rows:
      • cols:

    • 使用<frame>标签表示切分的部分



<html>
    <head>
        
    </head>
    <frameset rows="15%,*">
        <frame src="top.html" name="top"/>
        <frameset cols="20%,*">
            <frame src="left.html" name="left"/>
            <frame src="right.html" name="right"/>
        </frameset>
    </frameset>
</html>特殊字符的标签
  • 空格:&nbsp;
  • 小于号:&lt;
  • 大于号:&gt;



1 个回复

正序浏览
我来占层楼啊  
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 加入黑马